前端crypto-js加密

`
AES加密

今天做了Vue项目的加密,主要做了登录接口,保证登录的安全性能。

网上关于 AES 对称加密的算法介绍挺多的,对这一块还不是特别理解的小伙伴可自行百度,这里我推荐一篇AES加密算法的详细介绍与实现,讲的还是蛮详细的~

要用 AES 算法加密,首先我们要引入 crypto-jscrypto-js 是一个纯 javascript 写的加密算法类库 ,可以非常方便地在 javascript 进行 MD5SHA1SHA2SHA3RIPEMD-160 哈希散列,进行 AESDESRabbitRC4Triple DES 加解密,我们可以采用 npm install crypto-js --save 进行下载安装,也可以直接去 GitHub下载源码~

其实搞懂了是怎么一回事,做起来还是挺简单的,因为库都是现成的,我们只需要会用就好啦,这里我在推荐一篇理解AES加密解密的使用方法,加深大家对 AES 算法的理解~

我的项目中具体的步骤如下:

1、 在package.json里面添加"crypto-js": "^^3.1.9-1"
2、npm install 下载crypto-js
3、引入 import CryptoJS from 'crypto-js'
4、定义两个方法 ,分别是用于加密和解密,这里我将它放在了 utils 文件夹下

import CryptoJS from 'crypto-js'
/**
 * 加密(需要先加载lib/aes/aes.min.js文件)
 */
export const encrypt = (word) => {
    var key = CryptoJS.enc.Utf8.parse("46cc793c53dc451b");
    var srcs = CryptoJS.enc.Utf8.parse(word);
    var encrypted = CryptoJS.AES.encrypt(srcs, key, {
        mode: CryptoJS.mode.ECB,
        padding: CryptoJS.pad.Pkcs7
    });
    return encrypted.toString();
}
/**
 * 解密
 */
export const decrypt = (word) => {
    var key = CryptoJS.enc.Utf8.parse("46cc793c53dc451b");
    var decrypt = CryptoJS.AES.decrypt(word, key, {
        mode: CryptoJS.mode.ECB,
        padding: CryptoJS.pad.Pkcs7
    });
    return CryptoJS.enc.Utf8.stringify(decrypt).toString();
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前端 crypto-js aes 加解密 背景 前段时间公司做项目,该项目涉及到的敏感数据比较多,经过的一波讨论之...
    Cryptic阅读 297,742评论 33 152
  • Node.js是目前非常火热的技术,但是它的诞生经历却很奇特。 众所周知,在Netscape设计出JavaScri...
    Myselfyan阅读 4,101评论 2 58
  • 参考Java 前端加密传输后端解密以及验证码功能 一、使用HTTP简单加密 对系统安全性要求比较高,那么需要选择h...
    合肥黑阅读 10,607评论 3 9
  • 参考Java 前端加密传输后端解密以及验证码功能 一、使用HTTP简单加密 对系统安全性要求比较高,那么需要选择h...
    为自己丶拼个未来阅读 5,233评论 2 4
  • Node.js是目前非常火热的技术,但是它的诞生经历却很奇特。 众所周知,在Netscape设计出JavaScri...
    w_zhuan阅读 3,641评论 2 41