前端加解密库 crypto-js，示例 DES

小咪咪 2023-10-06 09:53 25阅读 0赞

## 使用 crypto-js 库 ##

官方文档：https://cryptojs.gitbook.io/docs/  
github：https://github.com/brix/crypto-js

**项目引入 crypto-js 库**

*  npm：  
    npm install crypto-js  
    import CryptoJS from ‘crypto-js’
 *  js：  
    https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.0.0/crypto-js.min.js

**测试**  
在线测试：https://npm.runkit.com/crypto-js  
浏览器调试：[浏览器控制台 console 引入 js 文件][console _ js]

### 示例：DES加解密 ###

/**
     * DES 加密
     * text:明文, secretKey:密钥
     */
    function encryptByDES(text, secretKey){
        
    	const keyHex = CryptoJS.enc.Utf8.parse(secretKey);
    	const encrypted = CryptoJS.DES.encrypt(text, keyHex, {
        
    		mode: CryptoJS.mode.ECB,
    		padding: CryptoJS.pad.Pkcs7
    	});
    	return encrypted.toString();
    }
    
    /**
     * DES 解密
     * ciphertext:密文, secretKey:密钥
     */
    function decryptByDES(ciphertext, secretKey){
        
    	const keyHex = CryptoJS.enc.Utf8.parse(secretKey);
    	const decrypted = CryptoJS.DES.decrypt({
        
    		ciphertext: CryptoJS.enc.Base64.parse(ciphertext)}, 
    		keyHex, {
        
    		mode: CryptoJS.mode.ECB,
    		padding: CryptoJS.pad.Pkcs7
    	});
    	return decrypted.toString(CryptoJS.enc.Utf8);
    }

使用

const secretKey = "myKey";
    var text = "123456";
    var ciphertext = encryptByDES(text, secretKey);
    console.log("加密后：", ciphertext); 
    //加密后：nDqiq+cwnHI=
    console.log("解密后：", decryptByDES(ciphertext, secretKey)); 
    //解密后：123456

--------------------

end

[console _ js]: https://markix.blog.csdn.net/article/details/105826787

发表评论取消回复

表情：

评论列表（有 0 条评论，25人围观）

还没有评论，来说两句吧...

相关阅读

相关 java DES-CBC加解密

> DES-CBC 加解密 import com.sun.org.apache.xerces.internal.impl.dv.util.Base64; im

缺乏、安全感/ 2023年10月10日 14:15/ 0 赞/ 61 阅读

相关前端加解密库 crypto-js，示例 DES

使用 crypto-js 库官方文档：https://cryptojs.gitbook.io/docs/ github：https://github.com/bri

小咪咪/ 2023年10月06日 09:53/ 0 赞/ 26 阅读

相关 uniapp DES加解密

1、打开HBuilderX的视图->显示终端　　cd 切换到你项目的根目录　　执行命令 npm install crypto-js 安装成功后你的项目根目录会生成no

r囧r小猫/ 2022年12月16日 06:24/ 0 赞/ 229 阅读

相关 cryptojs des php,CryptoJS实现DES加密,解密在线调试软件|数据加密标准(DES)在线计算器_三贝计算网_23bei.com...

输入密钥(Secret Passphrase) 、偏移量(IV，ECB模式不用输入IV)、加密模式(Mode)、填充(Padding)、密文形式等已知变量，点击计算按钮，可快速

ゝ一世哀愁。/ 2022年11月17日 14:35/ 0 赞/ 130 阅读

相关 java des加密解密_JAVA加解密之DES

packagecom.test.cms.des;importsun.misc.BASE64Decoder;importsun.misc.BASE64Encoder;import

本是古典何须时尚/ 2022年11月06日 00:03/ 0 赞/ 273 阅读

相关 3DES(DESede、Triple-DES、DES-EDE) 加解密 C#

对称加密(DES、3DES)、非对称加密(RSA、SHA1withRSA) 参考: [https://blog.csdn.net/sinat\_16998945/artic

痛定思痛。/ 2022年09月08日 04:59/ 0 赞/ 215 阅读

相关 3DES(DESede、Triple-DES、DES-EDE) 加解密 JAVA

对称加密(DES、3DES)、非对称加密(RSA、SHA1withRSA) 参考: [https://blog.csdn.net/sinat\_16998945/artic

我不是女神ヾ/ 2022年09月07日 15:59/ 0 赞/ 236 阅读

相关前端(vue)DES加密解密

1.npm i crypto-js 2.import CryptoJS from ‘crypto-js’ 3.// des加密（这种方法没有密文） e

柔光的暖阳◎/ 2022年03月14日 15:14/ 0 赞/ 993 阅读

相关前端加解密库crypto-js

1、下载地址：[crypto-js库下载地址][crypto-js] 2、按模块引入项目：  <script type="tex

傷城~/ 2021年09月17日 02:54/ 0 赞/ 1627 阅读

相关 cryptoJS AES 加解密简单使用

> 简单记录一下，前端利用 cryptoJS 如何加解密的。主要是关于 AES 加解密。需求描述：需要对 url 中的参数进行 AES 解密，然后再把该参数进行 MD5 加

小鱼儿/ 2021年09月07日 06:03/ 0 赞/ 486 阅读