{"id":995,"date":"2023-03-12T08:10:55","date_gmt":"2023-03-12T00:10:55","guid":{"rendered":"https:\/\/www.appblog.cn\/?p=995"},"modified":"2023-04-29T13:20:31","modified_gmt":"2023-04-29T05:20:31","slug":"frontend-crypto-js-aes-encryption-and-decryption","status":"publish","type":"post","link":"https:\/\/www.appblog.cn\/index.php\/2023\/03\/12\/frontend-crypto-js-aes-encryption-and-decryption\/","title":{"rendered":"\u524d\u7aef crypto-js AES \u52a0\u89e3\u5bc6"},"content":{"rendered":"

AES\uff0c\u9ad8\u7ea7\u52a0\u5bc6\u6807\u51c6\uff08\u82f1\u8bed\uff1aAdvanced Encryption Standard<\/code>\uff0c\u7f29\u5199\uff1aAES\uff09\uff0c\u5728\u5bc6\u7801\u5b66\u4e2d\u53c8\u79f0Rijndael<\/code>\u52a0\u5bc6\u6cd5\uff0c\u662f\u7f8e\u56fd\u8054\u90a6\u653f\u5e9c\u91c7\u7528\u7684\u4e00\u79cd\u533a\u5757\u52a0\u5bc6\u6807\u51c6\u3002\u8fd9\u4e2a\u6807\u51c6\u7528\u6765\u66ff\u4ee3\u539f\u5148\u7684DES\uff0c\u5df2\u7ecf\u88ab\u591a\u65b9\u5206\u6790\u4e14\u5e7f\u4e3a\u5168\u4e16\u754c\u6240\u4f7f\u7528\u3002\u4e25\u683c\u5730\u8bf4\uff0cAES\u548cRijndael<\/code>\u52a0\u5bc6\u6cd5\u5e76\u4e0d\u5b8c\u5168\u4e00\u6837\uff08\u867d\u7136\u5728\u5b9e\u9645\u5e94\u7528\u4e2d\u4e8c\u8005\u53ef\u4ee5\u4e92\u6362\uff09\uff0c\u56e0\u4e3aRijndael<\/code>\u52a0\u5bc6\u6cd5\u53ef\u4ee5\u652f\u6301\u66f4\u5927\u8303\u56f4\u7684\u533a\u5757\u548c\u5bc6\u94a5\u957f\u5ea6\uff1aAES\u7684\u533a\u5757\u957f\u5ea6\u56fa\u5b9a\u4e3a128\u6bd4\u7279\uff0c\u5bc6\u94a5\u957f\u5ea6\u5219\u53ef\u4ee5\u662f128\uff0c192\u6216256\u6bd4\u7279\uff1b\u800cRijndael\u4f7f\u7528\u7684\u5bc6\u94a5\u548c\u533a\u5757\u957f\u5ea6\u53ef\u4ee5\u662f32\u4f4d\u7684\u6574\u6570\u500d\uff0c\u4ee5128\u4f4d\u4e3a\u4e0b\u9650\uff0c256\u6bd4\u7279\u4e3a\u4e0a\u9650\u3002\u5305\u62ecAES-ECB<\/code>\u3001AES-CBC<\/code>\u3001AES-CTR<\/code>\u3001AES-OFB<\/code>\u3001AES-CFB<\/code>\u3002<\/p>\n

<\/p>\n

JavaScript\u52a0\u5bc6\u5e93Crypto-JS<\/code>\uff1ahttps:\/\/github.com\/brix\/crypto-js<\/a><\/p>\n

CryptoJS (crypto.js) \u4e3a JavaScript \u63d0\u4f9b\u4e86\u5404\u79cd\u5404\u6837\u7684\u52a0\u5bc6\u7b97\u6cd5\u3002<\/p>\n

<!DOCTYPE html>\n<html lang="en">\n<head>\n    <meta http-equiv="Content-Type" content="text\/html; charset=UTF-8" \/>\n    <title><\/title>\n\n    <script src=".\/crypto-js\/src\/core.js"><\/script>\n    <script src=".\/crypto-js\/src\/evpkdf.js"><\/script>\n    <script src=".\/crypto-js\/src\/cipher-core.js"><\/script>\n    <script src=".\/crypto-js\/src\/md5.js"><\/script>\n    <script src=".\/crypto-js\/src\/aes.js"><\/script>\n    <script src=".\/crypto-js\/src\/tripledes.js"><\/script>\n    <script src=".\/crypto-js\/src\/enc-base64.js"><\/script>\n    <script src=".\/crypto-js\/src\/enc-utf16.js"><\/script>\n    <script src=".\/crypto-js\/src\/format-hex.js"><\/script>\n    <script src=".\/crypto-js\/src\/hmac.js"><\/script>\n    <script src=".\/crypto-js\/src\/lib-typedarrays.js"><\/script>\n    <script src=".\/crypto-js\/src\/mode-cfb.js"><\/script>\n    <script src=".\/crypto-js\/src\/mode-ctr.js"><\/script>\n    <script src=".\/crypto-js\/src\/mode-ctr-gladman.js"><\/script>\n    <script src=".\/crypto-js\/src\/mode-ecb.js"><\/script>\n    <script src=".\/crypto-js\/src\/mode-ofb.js"><\/script>\n    <script src=".\/crypto-js\/src\/pad-ansix923.js"><\/script>\n    <script src=".\/crypto-js\/src\/pad-iso10126.js"><\/script>\n    <script src=".\/crypto-js\/src\/pad-iso97971.js"><\/script>\n    <script src=".\/crypto-js\/src\/pad-nopadding.js"><\/script>\n    <script src=".\/crypto-js\/src\/pad-zeropadding.js"><\/script>\n    <script src="https:\/\/cdn.staticfile.org\/jquery\/3.2.1\/jquery.min.js"><\/script>\n<\/head>\n<body>\n<button id="md5">MD5<\/button>\n<button id="aes">AES<\/button>\n\n<script>\n\n$(function() {\n    $("#md5").click(function(){\n        console.log("\u6d4b\u8bd5");\n        \/\/MD5\n        var md5Str = CryptoJS.MD5("key").toString(CryptoJS.enc.Hex).toUpperCase();\n        console.log("MD5\u540e\u5f97\u5230\u7684\u5b57\u7b26\u4e32\uff1a%s", md5Str)\n        return false;\n    });\n\n    $("#aes").click(function() {\n        var encrypted = getAES('AppBlog.CN')\n        console.log("AES\u52a0\u5bc6\u5f97\u5230\u7684\u5b57\u7b26\u4e32\uff1a%s", encrypted)\n        var decrypted = getDeAes(encrypted)\n        console.log("AES\u89e3\u5bc6\u5f97\u5230\u7684\u5b57\u7b26\u4e32\uff1a%s", decrypted)\n\n        \/********************\/\n        var key = '12345678';\n        console.log('\u5bc6\u94a5\uff1a', key);\n        key = CryptoJS.enc.Hex.parse(key)\n        var src = "AppBlog.CN";\n        console.log('\u539f\u5b57\u7b26\u4e32\uff1a', src);\n        var enc = CryptoJS.AES.encrypt(src ,key, {\n            mode: CryptoJS.mode.ECB,  \n            padding: CryptoJS.pad.Pkcs7\n        })\n\n        var encode = enc.ciphertext.toString()\n        console.log("\u52a0\u5bc6\uff1a", encode);\n\n        var decode = CryptoJS.AES.decrypt(CryptoJS.format.Hex.parse(encode), key, {\n            \/\/iv:iv,\n            mode: CryptoJS.mode.ECB,\n            padding: CryptoJS.pad.Pkcs7\n        })\n        console.log('\u89e3\u5bc6\uff1a', CryptoJS.enc.Utf8.stringify(decode));\n\n        return false;\n    });\n\n    function getAesString(data, key, iv) {  \/\/\u52a0\u5bc6\n        var key = CryptoJS.enc.Utf8.parse(key);\n        var iv  = CryptoJS.enc.Utf8.parse(iv);\n        var encrypted = CryptoJS.AES.encrypt(data, key,\n            {\n                iv: iv,  \/\/CBC\u6a21\u5f0f\u9700\u8981\u6307\u5b9a\u504f\u79fb\u91cf\n                mode: CryptoJS.mode.CBC,\n                padding: CryptoJS.pad.Pkcs7\n            });\n        console.log(encrypted.ciphertext.toString())\n        return encrypted.ciphertext.toString()\n        \/\/return CryptoJS.enc.Base64.stringify(encrypted.ciphertext);  \/\/\u8fd4\u56deBase64\u683c\u5f0f\u7684\u5bc6\u6587\n    }\n\n    function getDeAesString(encrypted, key, iv) {  \/\/\u89e3\u5bc6\n        var key = CryptoJS.enc.Utf8.parse(key);\n        var iv  = CryptoJS.enc.Utf8.parse(iv);\n        var decrypted = CryptoJS.AES.decrypt(CryptoJS.format.Hex.parse(encrypted), key,\n        \/\/var decrypted = CryptoJS.AES.decrypt(CryptoJS.enc.Base64.parse(encrypted), key,\n            {\n                iv: iv,\n                mode: CryptoJS.mode.CBC,\n                padding: CryptoJS.pad.Pkcs7\n            });\n        return decrypted.toString(CryptoJS.enc.Utf8);\n    }\n\n    function getAES(data) {  \/\/\u52a0\u5bc6\n        var key = '12345678';  \/\/\u5bc6\u94a5\uff08\u6570\u4f4d\u4e3a8\u7684\u6574\u6570\u500d\uff09\n        var iv  = '1234567812345678';\n        var encrypted = getAesString(data, key, iv);  \/\/\u5bc6\u6587\n        var encryptedStr = CryptoJS.enc.Utf8.parse(encrypted);\n        return encrypted;\n    }\n\n    function getDeAes(data) {  \/\/\u89e3\u5bc6\n        var key = '12345678';  \/\/\u5bc6\u94a5\uff08\u6570\u4f4d\u4e3a8\u7684\u6574\u6570\u500d\uff09\n        var iv  = '1234567812345678';\n        var decryptedStr = getDeAesString(data, key, iv);\n        return decryptedStr;\n    }\n});\n<\/script>\n<\/body>\n<\/html><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"
AES\uff0c\u9ad8\u7ea7\u52a0\u5bc6\u6807\u51c6\uff08\u82f1\u8bed\uff1aAdvanced Encryption Standard\uff0c\u7f29\u5199\uff1aAES\uff09\uff0c\u5728\u5bc6\u7801\u5b66 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[33],"tags":[260,276],"class_list":["post-995","post","type-post","status-publish","format-standard","hentry","category-frontend-basic","tag-aes","tag-cryptojs"],"_links":{"self":[{"href":"https:\/\/www.appblog.cn\/index.php\/wp-json\/wp\/v2\/posts\/995","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.appblog.cn\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.appblog.cn\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.appblog.cn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.appblog.cn\/index.php\/wp-json\/wp\/v2\/comments?post=995"}],"version-history":[{"count":0,"href":"https:\/\/www.appblog.cn\/index.php\/wp-json\/wp\/v2\/posts\/995\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.appblog.cn\/index.php\/wp-json\/wp\/v2\/media?parent=995"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.appblog.cn\/index.php\/wp-json\/wp\/v2\/categories?post=995"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.appblog.cn\/index.php\/wp-json\/wp\/v2\/tags?post=995"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}