浏览器使用 CryptoJS,从浏览器控制台加载外部脚本

浏览器使用 CryptoJS,从浏览器控制台加载外部脚本

  • 加载外部脚本 CryptoJS
    • MD5
    • AES
  • 参考资料

有时临时在浏览器里跑点代码判断。
需要引用外部的工具包。
有的人说用 RequireJS ,但我只是想到控制台临时跑一下,谁来帮我导 RequireJS 进来先呢?

加载外部脚本 CryptoJS

原理就是动态创建 script 标签,并插入当前页的 head

function loadJs(jsUrl){let scriptTag = document.createElement('script');scriptTag.src = jsUrl;document.getElementsByTagName('head')[0].appendChild(scriptTag);
};// 加载 CryptoJS 的浏览器版本,得到全局对象 CryptoJS
loadJs('https://cdn.bootcdn.net/ajax/libs/crypto-js/4.1.1/crypto-js.min.js');

MD5

var str = CryptoJS.MD5("大家好,我是笨笨,笨笨的笨,笨笨的笨,谢谢!").toString();
console.log(str);

AES

key 是秘钥通常是双方事先商定的。(这里用于演示,我随机一个)
iv 是初始化向量,作为一个用于增强密码的安全性的随机值。每次加密都随机生成新的iv,并将其与密文一起发给对方。

// 随机生成密钥和 IV
const key = CryptoJS.lib.WordArray.random(128 / 8); // 128 位密钥
const iv =  CryptoJS.lib.WordArray.random(16); 		// 16 字节的随机 IV
console.log(key, iv);
function aes(plaintext, _key=key , _iv=iv) {const encrypted = CryptoJS.AES.encrypt(plaintext, CryptoJS.enc.Utf8.parse(_key), {iv: CryptoJS.enc.Utf8.parse(_iv),mode: CryptoJS.mode.CBC,padding: CryptoJS.pad.Pkcs7});return encrypted.toString();
}
var str = aes("大家好,我是笨笨,笨笨的笨,笨笨的笨,谢谢!");
// 将加密后的消息和 IV 发送给服务器
const param = {encrypted: str.toString(),iv: iv.toString(),
};
console.log(JSON.stringify(param,null,2));

密文iv一起发给对方

{"encrypted": "ibpwj75Uu6IkBXlLEgSOTxmAFW44FxZVKlEhBUCJxCGI9Y2QRseZRCtZkr/XWDhG7oUInKQ8yy2gfOF0Ws8VUkIYUkb2D3WUQ8fH0gM1Fxk=","iv": "222971b5996937a0202190557a66ebc4"
}

参考资料

CryptoJS 文档
BootCDN 稳定、快速、免费的前端开源项目 CDN 加速服务


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部