2分鐘給你的前端數據加密

前後端交互時有時候數據比較重要(密碼等),為了防止別人攔截需要進行加密,下面介紹一種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

徵文

2分鐘給你的前端數據加密

html css html css javascript html javascript css javascript css


分享到:


相關文章: