前後端交互時有時候數據比較重要(密碼等),為了防止別人攔截需要進行加密,下面介紹一種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
徵文
html css html css javascript html javascript css javascript css
閱讀更多 全棧前端 的文章
關鍵字: 加密 交互 JavaScript