前端本地记住密码、存密码 、加密

本文介绍了如何使用crypto-js库进行AES加密和解密操作,以及如何在本地存储加密后的数据。通过示例代码展示了加密函数cryptoJSFun和解密函数getCryptoJSFun的实现,并提供了利用uni-app的uni.setStorageSync和uni.getStorageSync进行数据存取的示例。
摘要由CSDN通过智能技术生成

用到插件:crypto-js

安       装:yarn add crypto-js

引       入:import CryptoJS from 'crypto-js';

封装

加      密:

	cryptoJSFun(value,valueKey) {
			let cipherText = CryptoJS.AES.encrypt(value, valueKey).toString();
			return cipherText;
		},
    //value : 需要加密的值
    //valueKey: 密匙,解密要用到

解      密:

	getCryptoJSFun(value,valueKey) {
			let bytes = CryptoJS.AES.decrypt(value, valueKey);
			let cipherText = bytes.toString(CryptoJS.enc.Utf8);
			return cipherText;
		},

   //value: 需要解密的值
   //valueKey: 跟加密时的密匙保持一致

 本 地 存:

uni.setStorageSync('pw', this.cryptoJSFun('需加密的值','passwordkey'));

本 地 取:

let pw = this.getCryptoJSFun(uni.getStorageSync('pw'), 'passwordkey');
console.log('保存的密码', pw);

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值