美文网首页
crypto.js 前端加解密

crypto.js 前端加解密

作者: 你这个锤子 | 来源:发表于2022-11-14 10:27 被阅读0次
简介

crypto-js是谷歌开发的一个纯JavaScript的加密算法类库,可以非常方便的在前端进行其所支持的加解密操作。目前crypto-js已支持的算法有:MD5、SHA-1、SHA-256、AES、RSA、Rabbit、MARC4、HMAC、HMAC-MD5、HMAC-SHA1、HMAC-SHA256、PBKDF2等。使用时可以引用总文件,也可以单独引用某一文件。
1,安装插件

npm install crypto-js

2,引入文件

import CryptoJS from 'crypto-js'
或者
const CryptoJS = require("crypto-js");

3,设置密钥和密钥偏移量

// 十六位十六进制数作为密钥
const paw = CryptoJS.enc.Utf8.parse("PAW_KEY_XU123456");
// 十六位十六进制数作为密钥偏移量
const iv = CryptoJS.enc.Utf8.parse("PAW_KEY_XU789456");

4,加密实例

//加密方法
export function encrypt(word) {
  const key = CryptoJS.enc.Utf8.parse(paw);
  const srcs = CryptoJS.enc.Utf8.parse(word);
  const encrypted = CryptoJS.AES.encrypt(srcs, key, { iv: iv, mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.Pkcs7 });
  return encrypted.toString();
}
//解密方法
export function decrypt(word) {
  const key = CryptoJS.enc.Utf8.parse(paw);
  const decrypt = CryptoJS.AES.decrypt(word, key, { iv: iv, mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.Pkcs7 });
  return CryptoJS.enc.Utf8.stringify(decrypt).toString();
}
// 以上方法中 mode就是加密模式,padding是填充。

crypto.js github地址

相关文章

  • crypto.js 前端加解密

    简介 crypto-js是谷歌开发的一个纯JavaScript的加密算法类库,可以非常方便的在前端进行其所支持的加...

  • 加解密与前端应用

    [TOC] 前端加解密 参考文档:SubtleCrypto:https://developer.mozilla.o...

  • 前端加解密

    HTTPS通信过程 HTTPS通信过程HTTPS协议 = HTTP协议 + SSL/TLS协议,在HTTPS数据传...

  • 前端crypto-js aes加解密

    背景 公司后端加解密使用的是 aes 的方式,当时找了好多前端加解密的库,最后决定使用 crypto-js 封装了...

  • 前端使用crypto.js进行加密

    在前端登录记住密码的时候需要前端来进行加密工作,接触到crypto这个js,使用还算简单,在这里记录一下在vue框...

  • 前端加密:crypto.js的用法

    今天对项目的登陆做优化的时候,为了防暴力破解,要对账号密码等进行加密,后台小哥向我推荐了这个crypto.js,下...

  • 前端数据加解密

    前言 没有使用https协议时,数据没有加密,入网安全测评不通过这里记录一下数据加解密。 一、封装加解密方法 se...

  • 上传视频到阿里云oss存储

    pages/test/test.js base64.js crypto.js

  • AES 和RSA加解密

    AES 加解密 RSA 加解密

  • 前端加密、解密

    1、npm i crypto-js 2、crypto.js import CryptoJS from 'crypt...

网友评论

      本文标题:crypto.js 前端加解密

      本文链接:https://www.haomeiwen.com/subject/wcstirtx.html