浏览器使用 CryptoJS,从浏览器控制台加载外部脚本
创始人
2025-05-31 23:53:08

浏览器使用 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 文档

相关内容

热门资讯

北京的名胜古迹 北京最著名的景... 北京从元代开始,逐渐走上帝国首都的道路,先是成为大辽朝五大首都之一的南京城,随着金灭辽,金代从海陵王...
苗族的传统节日 贵州苗族节日有... 【岜沙苗族芦笙节】岜沙,苗语叫“分送”,距从江县城7.5公里,是世界上最崇拜树木并以树为神的枪手部落...
世界上最漂亮的人 世界上最漂亮... 此前在某网上,选出了全球265万颜值姣好的女性。从这些数量庞大的女性群体中,人们投票选出了心目中最美...
应用未安装解决办法 平板应用未... ---IT小技术,每天Get一个小技能!一、前言描述苹果IPad2居然不能安装怎么办?与此IPad不...
阿西吧是什么意思 阿西吧相当于... 即使你没有受到过任何外语培训,你也懂四国语言。汉语:你好英语:Shit韩语:阿西吧(아,씨발! )日...