vue2.0 bcryptjs和sha256加密的简单使用.

一.bcryptjs加密

1.Bcrypt就是一款加密工具,可以比较方便地实现数据的加密工作.
2.bcryptjs是一个第三方密码加密库,对bcrypt进行了优化,不需要安装任何依赖.
3.安装: npm install bcryptjs.
4.附上我的代码

var bcrypt = require('bcryptjs');    //引入bcryptjs库
var salt = bcrypt.genSaltSync(12);    //定义密码加密的计算强度,默认10
var hash = bcrypt.hashSync(this.registerForm.passWord, salt);    //把自己的密码(this.registerForm.passWord)带进去,变量hash就是加密后的密码

5.密码比较时的代码为

bcrypt.compareSync(this.registerForm.passWord, hash)    //若是密码相同则返回true
//this.registerForm.passWord为用户输入的密码,hash为后台返回的密码

二.sha256加密

1.sha256是哈希算法的一种,加密后的结果是64位字符
2.sha256和bcryptjs一样都是第三方密码加密库
3.安装:npm install js-sha256
4.上代码

  let sha256 = require("js-sha256").sha256;    //引入sha256库
  let hash = sha256(this.registerForm.passWord);    //hash为加密后的密码

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
对于 Vue 实现 SHA256 和 SM3-4 加密方式,可以在 Vue 组件中使用 JavaScript 进行实现,具体方法如下: 1. SHA256 加密方式的实现: ```javascript import { SHA256 } from 'crypto-js'; export default { methods: { sha256(str) { return SHA256(str).toString(); } } } ``` 2. SM3-4 加密方式的实现: ```javascript import { SM3 } from 'jsrsasign'; export default { methods: { sm34(str) { const hash = new SM3().hexstr(str); return hash; } } } ``` 需要注意的是,以上代码使用了 crypto-js 库和 jsrsasign 库中的 SM3 类,需要在 Vue 项目中安装以下依赖: ```bash npm install crypto-js jsrsasign ``` 然后在 Vue 组件中引入依赖: ```javascript import { SHA256 } from 'crypto-js'; import { SM3 } from 'jsrsasign'; ``` 然后就可以在 Vue 组件中使用 sha256 和 sm34 方法进行加密了。 示例代码如下: ```vue <template> <div> <h2>SHA256加密</h2> <p>原文: {{ message }}</p> <p>密文: {{ sha256Message }}</p> <h2>SM3-4加密</h2> <p>原文: {{ message }}</p> <p>密文: {{ sm34Message }}</p> </div> </template> <script> import { SHA256 } from 'crypto-js'; import { SM3 } from 'jsrsasign'; export default { data() { return { message: 'hello, world!', sha256Message: '', sm34Message: '' } }, created() { this.sha256Message = this.sha256(this.message); this.sm34Message = this.sm34(this.message); }, methods: { sha256(str) { return SHA256(str).toString(); }, sm34(str) { const hash = new SM3().hexstr(str); return hash; } } } </script> ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值