crypto-js:加密标准的JavaScript库

安装

npm 包

npm install crypto-js

在这里插入图片描述

打印 cryptoJs

可以看到有很多方法:具体的使用请参考【CryptoJS 文档】

在这里插入图片描述

例子

比较简单的例子:比如:MD5,SHA256

<template>
  <div class='crypto-js'>
    cryptoJs 测试页面
  </div>
</template>

<script>
import CryptoJS from "crypto-js";

export default {
  data () {
    return {
      hashStr: "凯小默的英文名叫kaimo"
    };
  },
  mounted() {
    console.log(CryptoJS);
    const MD5_hashStr = CryptoJS.MD5(this.hashStr);
    console.log('MD5_hashStr', MD5_hashStr.toString());

    const SHA256_hashStr = CryptoJS.SHA256(this.hashStr);
    console.log('SHA256_hashStr', SHA256_hashStr.toString());

  },
};
</script>

在这里插入图片描述

源码算法可以自己去看看:

在这里插入图片描述

复杂一点的:比如:DES

<template>
  <div class='crypto-js'>
    cryptoJs 测试页面
  </div>
</template>

<script>
import CryptoJS from "crypto-js";

export default {
  data () {
    return {
      hashStr: "凯小默的英文名叫kaimo"
    };
  },
  mounted() {
    console.log(CryptoJS);
    
    const MD5_hashStr = CryptoJS.MD5(this.hashStr);
    console.log('MD5_hashStr', MD5_hashStr.toString());

    const SHA256_hashStr = CryptoJS.SHA256(this.hashStr);
    console.log('SHA256_hashStr', SHA256_hashStr.toString());

    const DES_hashStr = CryptoJS.DES.encrypt(
      this.hashStr,
      CryptoJS.enc.Utf8.parse("ABF"),// keyHex
      { 
        mode: CryptoJS.mode.ECB, 
        padding: CryptoJS.pad.Pkcs7 
      } // option
    ).ciphertext.toString();
    console.log('DES_hashStr', DES_hashStr);


    const DES_decrypt_hashStr = CryptoJS.DES.decrypt(
      {
        ciphertext: CryptoJS.enc.Hex.parse(DES_hashStr)
      },
      CryptoJS.enc.Utf8.parse("ABF"),// keyHex
      { 
        mode: CryptoJS.mode.ECB, 
        padding: CryptoJS.pad.Pkcs7
      } // option
    ).toString(CryptoJS.enc.Utf8);
    console.log('DES_decrypt_hashStr', DES_decrypt_hashStr);
  },
};
</script>

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

凯小默

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值