Js通過AES加密后PHP用Openssl解密的方法
前言
最近遇到的幾個(gè)網(wǎng)站在提交密碼時(shí)提交的已經(jīng)是密文,也就是說在網(wǎng)絡(luò)上傳輸?shù)拿艽a是密文,這樣提升了密碼在網(wǎng)絡(luò)傳輸中的安全性。
后端語言加解密已經(jīng)有很成熟的方案了,前端的話Google之前出過一個(gè)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"
注意事項(xiàng)
1、AES加密位數(shù)跟密鑰key有關(guān), 以下是密鑰位數(shù)和加密對(duì)應(yīng)關(guān)系
- 16 => AES-128
- 24 => AES-192
- 32 => AES-256
2、iv是初始化向量. 超過16字節(jié)或者不足16字節(jié)都會(huì)被補(bǔ)足16字節(jié)或者截?cái)嗟?6字節(jié)。由于AES是塊加密,銘文被分割成固定長度的塊(一般是16字節(jié)長度),所以iv也是16字節(jié)。
3、CBC是加密模式
總結(jié)
以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,謝謝大家對(duì)腳本之家的支持。
- java和javascript獲取word文檔的書簽位置對(duì)比
- js 創(chuàng)建書簽小工具之理論
- javascript下用ActiveXObject控件替換word書簽,將內(nèi)容導(dǎo)出到word后打印
- js前端加密庫Crypto-js進(jìn)行MD5/SHA256/BASE64/AES加解密的方法與示例
- JavaScript中常見加密解密方法總結(jié)
- js將URL網(wǎng)址轉(zhuǎn)為16進(jìn)制加密與解密函數(shù)
- JavaScript實(shí)現(xiàn)的前端AES加密解密功能【基于CryptoJS】
- JavaScript實(shí)現(xiàn)的簡單加密解密操作示例
- 兩種JavaScript的AES加密方式(可與Java相互加解密)
- JS加密解密之保存到桌面書簽
相關(guān)文章
全面解析Bootstrap中transition、affix的使用方法
這篇文章主要為大家詳細(xì)解析了Bootstrap中transition、affix的使用方法,感興趣的朋友可以參考一下2016-05-05js實(shí)現(xiàn)日期級(jí)聯(lián)效果
本篇文章主要是對(duì)js實(shí)現(xiàn)日期級(jí)聯(lián)效果的實(shí)例進(jìn)行了介紹,需要的朋友可以過來參考下,希望對(duì)大家有所幫助2014-01-01Google AJAX 搜索 API實(shí)現(xiàn)代碼
Google AJAX 搜索 API實(shí)現(xiàn)代碼,需要的朋友可以參考下。2010-11-11JavaScript 點(diǎn)擊觸發(fā)復(fù)制功能實(shí)例詳解
這篇文章主要介紹了JavaScript 點(diǎn)擊觸發(fā)復(fù)制功能實(shí)例詳解,需要的朋友可以參考下2018-11-11JS+canvas繪制的動(dòng)態(tài)機(jī)械表動(dòng)畫效果
這篇文章主要介紹了JS+canvas繪制的動(dòng)態(tài)機(jī)械表動(dòng)畫效果,涉及javascript結(jié)合HTML5 canvas簡單數(shù)值計(jì)算與動(dòng)態(tài)繪圖相關(guān)操作技巧,需要的朋友可以參考下2017-09-09JS實(shí)現(xiàn)窗口加載時(shí)模擬鼠標(biāo)移動(dòng)的方法
這篇文章主要介紹了JS實(shí)現(xiàn)窗口加載時(shí)模擬鼠標(biāo)移動(dòng)的方法,涉及javascript鼠標(biāo)事件的相關(guān)技巧,需要的朋友可以參考下2015-06-06利用Javascript裁剪圖片并存儲(chǔ)的簡單實(shí)現(xiàn)
裁剪圖片對(duì)我們來說是再熟悉不過的了,最近工作中就又遇到了這個(gè)需求,所以想著干脆整理下來,方法大家和自己在需要的時(shí)候參考學(xué)習(xí),所以這篇文章主要介紹了利用Javascript裁剪圖片并存儲(chǔ)的簡單實(shí)現(xiàn),后端PHP處理我用的是THINKPHP框架,需要的朋友可以參考下。2017-03-03JavaScript 模式之工廠模式(Factory)應(yīng)用介紹
工廠模式也是對(duì)象創(chuàng)建模式之一,它通常在類或類的靜態(tài)方法中去實(shí)現(xiàn),本文將詳細(xì)介紹JavaScript 工廠模式2012-11-11jquery根據(jù)錨點(diǎn)offset值實(shí)現(xiàn)動(dòng)畫切換
點(diǎn)擊后僵硬的切換是不是很不爽,下面為大家介紹的是根據(jù)錨點(diǎn)offset值來實(shí)現(xiàn)動(dòng)畫切換,喜歡的朋友不要錯(cuò)過2014-09-09