分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

前端使用crypto.js进行加密

发布时间:2023-09-06 01:31责任编辑:胡小海关键词:js前端

最近我在前端使用Cookies保存密码的时候需要前端来进行加密工作,接触到crypto这个js,使用还算简单,在这里记录一下。

可以在这个GitHub的https://github.com/brix/crypto-js上下载该js,它可以单独引入所需要加密方式的js;也可以引入一个crypto-js.js 这个文件,它相当于引入了所有的加密方式,我使用的就是后者一次引入所有的加密文件,这个文件也不是很大,还可以接受。

因为我的需求是密码可逆,有一定的安全性,所以使用DES或AES即可,我是用的就是AES,正好网上有一个使用AES的例子,直接拿来用了

function getAesString(data,key,iv){//加密 ???var key ?= CryptoJS.enc.Utf8.parse(key); ???var iv ??= CryptoJS.enc.Utf8.parse(iv); ???var encrypted =CryptoJS.AES.encrypt(data,key, ???????{ ???????????iv:iv, ???????????mode:CryptoJS.mode.CBC, ???????????padding:CryptoJS.pad.Pkcs7 ???????}); ???return encrypted.toString(); ???//返回的是base64格式的密文}function getDAesString(encrypted,key,iv){//解密 ???var key ?= CryptoJS.enc.Utf8.parse(key); ???var iv ??= CryptoJS.enc.Utf8.parse(iv); ???var decrypted =CryptoJS.AES.decrypt(encrypted,key, ???????{ ???????????iv:iv, ???????????mode:CryptoJS.mode.CBC, ???????????padding:CryptoJS.pad.Pkcs7 ???????}); ???return decrypted.toString(CryptoJS.enc.Utf8); ????}function getAES(data){ //加密 ???var key ?= ‘AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA‘; ?//密钥 ???var iv ??= ‘1234567812345678‘; ???var encrypted =getAesString(data,key,iv); //密文 ???var encrypted1 =CryptoJS.enc.Utf8.parse(encrypted); ???return encrypted;}function getDAes(data){//解密 ???var key ?= ‘AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA‘; ?//密钥 ???var iv ??= ‘1234567812345678‘; ???var decryptedStr =getDAesString(data,key,iv); ???return decryptedStr;}

key和iv我们都可以更换,但是需要保证的是加解密的key和vi保持一致

前端使用crypto.js进行加密

原文地址:http://www.cnblogs.com/lz2017/p/8046816.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved