2分钟给你的前端数据加密

JavaScript/前端
357
0
0
2022-04-17

前后端交互时有时候数据比较重要(密码等),为了防止别人拦截需要进行加密,下面介绍一种RSA加密工具:jsencrypt

使用步骤

1. 引入(script或import等)

2. 实例化一个`JSEncrypt`对象

const encrypt = new JSEncrypt();

3. 设置公钥(后端给的)

encrypt.setPublicKey(key)

let pKey="xx";//公钥
encrypt.setPublicKey(pKey);

公钥是个字符串,长这样(由后端给你,中间字符部分):

-----BEGIN RSA PUBLIC KEY-----

MIICXQIBAAKBgQDlOJu6TyygqxfWT7eLtGDwajtNFOb9I5XRb6khyfD1Yt3YiCgQ

WMNW649887VGJiGr/L5i2osbl8C9+WJTeucF+S76xFxdU6jE0NQ+Z+zEdhUTooNR

aY5nZiu5PgDB0ED/ZKBUSLKL7eibMxZtMlUDHjm4gwQco1KRMDSmXSMkDwIDAQAB

AoGAfY9LpnuWK5Bs50UVep5c93SJdUi82u7yMx4iHFMc/Z2hfenfYEzu+57fI4fv

xTQ//5DbzRR/XKb8ulNv6+CHyPF31xk7YOBfkGI8qjLoq06V+FyBfDSwL8KbLyeH

m7KUZnLNQbk8yGLzB3iYKkRHlmUanQGaNMIJziWOkN+N9dECQQD0ONYRNZeuM8zd

-----END RSA PUBLIC KEY-----

4. 给数据加密

encrypt.encrypt(val)

let pwd=$('#password').val();
pwd = encrypt.encrypt(pwd);

5. 完事,之后由后端同学进行解密即可

今天的内容就到这里了,关注一下不迷路哦~

参考资料

官方资料:
https://github.com/travist/jsencrypt

征文

IT相关内容,私信小编吧~

2分钟给你的前端数据加密

html css html css javascript html javascript css javascript css