JavaScript—CryptoJS加解密.ipynb

{
 "cells": [
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "# CryptoJS加解密\n",
    "　　参考：[官方文档](https://cryptojs.gitbook.io/docs/)<br>\n",
    "　　　　　[官方下载](https://github.com/brix/crypto-js/releases)<br>\n",
    "　　　　　[JavaScript Crypto-JS 使用手册](https://16bing.com/2017/05/04/javascript-crypto-js/)<br>\n",
    "　　　　　[]()<br>\n",
    "　　　　　[]()<br>\n",
    "　　　　　[]()<br>\n",
    "　　　　　[]()<br>\n",
    "\n",
    "## 一、概述\n",
    "　　crypto-js(GitHub)是谷歌开发的一个纯JavaScript的加密算法类库，可以非常方便的在前端进行其所支持的加解密操作。目前crypto-js已支持的算法有：MD5,SHA-1,SHA-256,AES,Rabbit,MARC4,HMAC,HMAC-MD5,HMAC-SHA1,HMAC-SHA256,PBKDF2。常用的加密方式有MD5和AES，使用时可以引用总文件，也可以单独引用某一文件。<br>\n",
    "　　**安装使用：**<br>\n",
    "　　　　直接引用：引入crypto-js文件。<br>\n",
    "　　　　安装依赖：npm install crypto-js　　# 使用npm安装,安装之后看到node_modules目录直接放到public目录下<br>\n",
    "　　　　　　　　　bower install crypto-js　　# 使用Bower安装<br>\n",
    "\n",
    "## 二、引用方式\n",
    "　　CryptoJS的使用分为两种环境：Node.js服务器端和浏览器端。<br>\n",
    "### 2.1、在Node.js里使用\n",
    "#### 2.1.1、ES6方式\n",
    ">import CryptoJS from 'crypto-js';<br>\n",
    "import sha256 from 'crypto-js/sha256';<br>\n",
    "import hmacSHA512 from 'crypto-js/hmac-sha512';<br>\n",
    "import Base64 from 'crypto-js/enc-base64';<br>\n",
    "const message, nonce, path, privateKey; // ...<br>\n",
    "const hashDigest = sha256(nonce + message);<br>\n",
    "const hmacDigest = Base64.stringify(hmacSHA512(path + hashDigest, privateKey));<br>\n",
    "\n",
    "#### 2.1.2、非ES6方式\n",
    ">var AES = require(\"crypto-js/aes\");<br>\n",
    "var SHA256 = require(\"crypto-js/sha256\");<br>\n",
    "...<br>\n",
    "console.log(SHA256(\"Message\"));<br>\n",
    "\n",
    "可以引入整个CryptoJS\n",
    ">var CryptoJS = require(\"crypto-js\");<br>\n",
    "console.log(CryptoJS.HmacSHA1(\"Message\", \"Key\"));<br>\n",
    "\n",
    "### 2.2、在浏览器客户端使用\n",
    "#### 2.2.1、RequireJS方式\n",
    "　　**导入CryptoJS模块**\n",
    ">require.config({<br>\n",
    "　　packages: \\[<br>\n",
    "　　　　{<br>\n",
    "　　　　　　name: 'crypto-js',<br>\n",
    "　　　　　　location: 'path-to/bower_components/crypto-js',<br>\n",
    "　　　　　　main: 'index'<br>\n",
    "　　　　}<br>\n",
    "　　\\]<br>\n",
    "});<br>\n",
    "require(\\[\"crypto-js/aes\", \"crypto-js/sha256\"\\], function (AES, SHA256) {<br>\n",
    "　　console.log(SHA256(\"Message\"));<br>\n",
    "});<br>\n",
    "\n",
    "　　导入整个CryptoJS模块，这样可以使用所有加解密的方法\n",
    ">// Above-mentioned will work or use this simple form<br>\n",
    "require.config({<br>\n",
    "　　paths: {<br>\n",
    "　　　　'crypto-js': 'path-to/bower_components/crypto-js/crypto-js'<br>\n",
    "　　}<br>\n",
    "});<br>\n",
    "require(\\[\"crypto-js\"\\], function (CryptoJS) {<br>\n",
    "　　console.log(CryptoJS.HmacSHA1(\"Message\", \"Key\"));<br>\n",
    "});<br>\n",
    "\n",
    "#### 2.2.2、非RequireJS方式\n",
    ">\\<script type=\"text/javascript\" src=\"path-to/bower_components/crypto-js/crypto-js.js\"\\>\\</script\\><br>\n",
    "\\<script type=\"text/javascript\"\\><br>\n",
    "    var encrypted = CryptoJS.AES(...);<br>\n",
    "    var encrypted = CryptoJS.SHA256(...);<br>\n",
    "\\</script\\><br>\n",
    "\n",
    "## 三、CryptoJS API\n",
    "　　这里以AES加密，加密的对象分为两种情况：纯文本和对象。\n",
    "### 3.1、纯文本加密\n",
    ">var CryptoJS = require(\"crypto-js\");<br>\n",
    "// Encrypt<br>\n",
    "var ciphertext = CryptoJS.AES.encrypt('my message', 'secret key 123').toString();<br>\n",
    "// Decrypt<br>\n",
    "var bytes  = CryptoJS.AES.decrypt(ciphertext, 'secret key 123');<br>\n",
    "var originalText = bytes.toString(CryptoJS.enc.Utf8);<br>\n",
    "console.log(originalText); // 'my message'<br>\n",
    "### 3.2、对象加密\n",
    ">var CryptoJS = require(\"crypto-js\");<br>\n",
    "var data = \\[{id: 1}, {id: 2}\\]<br>\n",
    "// Encrypt<br>\n",
    "var ciphertext = CryptoJS.AES.encrypt(JSON.stringify(data), 'secret key 123').toString();<br>\n",
    "// Decrypt<br>\n",
    "var bytes  = CryptoJS.AES.decrypt(ciphertext, 'secret key 123');<br>\n",
    "var decryptedData = JSON.parse(bytes.toString(CryptoJS.enc.Utf8));<br>\n",
    "console.log(decryptedData); // \\[{id: 1}, {id: 2}\\]<br>\n",
    "\n"
   ]
  }
 ],
 "metadata": {
  "kernelspec": {
   "display_name": "Python 3",
   "language": "python",
   "name": "python3"
  },
  "language_info": {
   "codemirror_mode": {
    "name": "ipython",
    "version": 3
   },
   "file_extension": ".py",
   "mimetype": "text/x-python",
   "name": "python",
   "nbconvert_exporter": "python",
   "pygments_lexer": "ipython3",
   "version": "3.7.4"
  }
 },
 "nbformat": 4,
 "nbformat_minor": 4
}