小程序密码RSA加密&&vue密码加密（前端）

最新推荐文章于 2024-05-01 01:29:00 发布

码猿~

最新推荐文章于 2024-05-01 01:29:00 发布

阅读量1.5k

点赞数 1

文章标签：前端 vue.js 小程序

本文链接：https://blog.csdn.net/F19980825901/article/details/127093246

版权

最近遇到新的知识，记录一下方便以后使用

一、先来说说小程序加密吧

我所使用的是JSEncrypt.js

第一步、安装构建npm包（我的版本采用的是3.0.0）


    npm i jsencrypt@3.0.0-rc.1

第二步、在构建之后会出现如下

打开此文件搜索如下代码

(this, (function (exports)

再将如下代码粘贴

var navigator2 = {
	appName: 'Netscape',
	userAgent: 'Mozilla/5.0 (iPhone; CPU iPhone OS 9_1 like Mac OS X) AppleWebKit/601.1.46 (KHTML, like Gecko) Version/9.0 Mobile/13B143 Safari/601.1'
};
var window2 = {
	ASN1: null,
	Base64: null,
	Hex: null,
	crypto: null,
	href: null
};

完成后是这样的

解释一下这里为什么要修改源代码，是因为小程序或者app没有window对象

第三步、在需要加密地方的js文件中

import { JSEncrypt } from "jsencrypt"; //引用jsencrypt


//这里有一步是请求后端返回的公钥

let results =  '发送请求'   （这里是发送请求的）

   const encrypt = new JSEncrypt()
         encrypt.setPublicKey(‘这里写返回来的公钥’)
     let newPassword = encrypt.encrypt(‘这里写要加密的东西’)

vue项目加密

npm安装之后

  import JSEncrypt from "jsencrypt"; //RSA加密

   此处有一步请求后端接口拿到公钥

 let encryptStr = new JSEncrypt();
      encryptStr.setPublicKey(‘后端返回的公钥’);
      let data = encryptStr.encrypt(‘加密的字段’);