Js通過AES加密后PHP用Openssl解密的方法
前言
最近遇到的幾個網(wǎng)站在提交密碼時提交的已經(jīng)是密文,也就是說在網(wǎng)絡(luò)上傳輸?shù)拿艽a是密文,這樣提升了密碼在網(wǎng)絡(luò)傳輸中的安全性。
后端語言加解密已經(jīng)有很成熟的方案了,前端的話Google之前出過一個crypto-js,為瀏覽器的js提供了加解密方案。今天一起來了解一下基于AES的前后端加解密流程。
Javascript
1、安裝npm包 npm install crypto-js
2、加密代碼
const CryptoJS = require("crypto-js"); const key = CryptoJS.enc.Latin1.parse('1234567812345678'); const iv = CryptoJS.enc.Latin1.parse('1234567812345678'); const encoded = CryptoJS.AES.encrypt('hahaha', key, { iv: iv, mode: CryptoJS.mode.CBC, adding: CryptoJS.pad.ZeroPadding }).toString() console.log('encoded', encoded)
3、解密代碼
const key = CryptoJS.enc.Latin1.parse('123456781234567812345678'); const iv = CryptoJS.enc.Latin1.parse('1234567812345678'); const decoded = CryptoJS.AES.decrypt(encoded, key, { iv: iv, mode: CryptoJS.mode.CBC, adding: CryptoJS.pad.ZeroPadding }).toString(CryptoJS.enc.Utf8) console.log('decoded', decoded);
4、輸出如下
encoded 6bcgYd4f4ZgNOQH/3tqMpg==
decoded hahaha
PHP
直接使用openssl解密即可,代碼如下:
$encoded = '6bcgYd4f4ZgNOQH/3tqMpg=='; $key = '123456781234567812345678'; $iv = '1234567812345678'; var_dump(openssl_decrypt($encoded, 'AES-192-CBC', $key, 0,$iv));
輸出結(jié)果:
string(6) "hahaha"
注意事項
1、AES加密位數(shù)跟密鑰key有關(guān), 以下是密鑰位數(shù)和加密對應(yīng)關(guān)系
- 16 => AES-128
- 24 => AES-192
- 32 => AES-256
2、iv是初始化向量. 超過16字節(jié)或者不足16字節(jié)都會被補足16字節(jié)或者截斷到16字節(jié)。由于AES是塊加密,銘文被分割成固定長度的塊(一般是16字節(jié)長度),所以iv也是16字節(jié)。
3、CBC是加密模式
總結(jié)
以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,謝謝大家對腳本之家的支持。
- java和javascript獲取word文檔的書簽位置對比
- js 創(chuàng)建書簽小工具之理論
- javascript下用ActiveXObject控件替換word書簽,將內(nèi)容導(dǎo)出到word后打印
- js前端加密庫Crypto-js進行MD5/SHA256/BASE64/AES加解密的方法與示例
- JavaScript中常見加密解密方法總結(jié)
- js將URL網(wǎng)址轉(zhuǎn)為16進制加密與解密函數(shù)
- JavaScript實現(xiàn)的前端AES加密解密功能【基于CryptoJS】
- JavaScript實現(xiàn)的簡單加密解密操作示例
- 兩種JavaScript的AES加密方式(可與Java相互加解密)
- JS加密解密之保存到桌面書簽
相關(guān)文章
全面解析Bootstrap中transition、affix的使用方法
這篇文章主要為大家詳細解析了Bootstrap中transition、affix的使用方法,感興趣的朋友可以參考一下2016-05-05JavaScript 點擊觸發(fā)復(fù)制功能實例詳解
這篇文章主要介紹了JavaScript 點擊觸發(fā)復(fù)制功能實例詳解,需要的朋友可以參考下2018-11-11利用Javascript裁剪圖片并存儲的簡單實現(xiàn)
裁剪圖片對我們來說是再熟悉不過的了,最近工作中就又遇到了這個需求,所以想著干脆整理下來,方法大家和自己在需要的時候參考學(xué)習(xí),所以這篇文章主要介紹了利用Javascript裁剪圖片并存儲的簡單實現(xiàn),后端PHP處理我用的是THINKPHP框架,需要的朋友可以參考下。2017-03-03JavaScript 模式之工廠模式(Factory)應(yīng)用介紹
工廠模式也是對象創(chuàng)建模式之一,它通常在類或類的靜態(tài)方法中去實現(xiàn),本文將詳細介紹JavaScript 工廠模式2012-11-11jquery根據(jù)錨點offset值實現(xiàn)動畫切換
點擊后僵硬的切換是不是很不爽,下面為大家介紹的是根據(jù)錨點offset值來實現(xiàn)動畫切換,喜歡的朋友不要錯過2014-09-09