快捷導(dǎo)航

Js通過AES加密后PHP用Openssl解密的方法

更新時(shí)間：2019年07月12日 09:31:41 作者：xialeistudio

這篇文章主要給大家介紹了關(guān)于Js如何通過AES加密后PHP利用Openssl解密的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧

前言

最近遇到的幾個(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ì)腳本之家的支持。

您可能感興趣的文章:

相關(guān)文章

基于javascript實(shí)現(xiàn)圖片預(yù)加載
這篇文章主要介紹了javascript圖片預(yù)加載的方法,實(shí)例分析了javascript實(shí)現(xiàn)圖片預(yù)加載的思路,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2016-01-01
微信小程序中轉(zhuǎn)義字符的處理方法
這篇文章主要介紹了微信小程序中轉(zhuǎn)義字符的處理方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-03-03
原生js實(shí)現(xiàn)表格循環(huán)滾動(dòng)
這篇文章主要為大家詳細(xì)介紹了原生js實(shí)現(xiàn)表格循環(huán)滾動(dòng)，每次滾動(dòng)一行停頓，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-11-11
前端流式輸出的三種實(shí)現(xiàn)方法
這篇文章主要介紹了前端流式輸出的三種實(shí)現(xiàn)方法,流式輸出在前端開發(fā)中用于逐步處理和顯示數(shù)據(jù),特別是對(duì)于大型數(shù)據(jù)集和實(shí)時(shí)數(shù)據(jù),文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下
2024-11-11
深入分析js中的constructor和prototype
在javascript的使用過程中，constructor 和prototype這兩個(gè)概念是相當(dāng)重要的，深入的理解這兩個(gè)概念對(duì)理解js的一些核心概念非常的重要
2012-04-04
深入學(xué)習(xí)Bootstrap表單
這篇文章主要為大家詳細(xì)介紹了Bootstrap表單的基礎(chǔ)知識(shí)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-12-12
JS實(shí)現(xiàn)點(diǎn)擊Radio動(dòng)態(tài)更新table數(shù)據(jù)
這篇文章主要介紹了JS實(shí)現(xiàn)點(diǎn)擊Radio動(dòng)態(tài)更新table數(shù)據(jù)的相關(guān)資料,需要的朋友可以參考下
2017-07-07
javascript下有關(guān)dom以及xml節(jié)點(diǎn)訪問兼容問題
javascript下有關(guān)dom以及xml節(jié)點(diǎn)訪問兼容問題...
2007-11-11
Bootstrap自動(dòng)適應(yīng)PC、平板、手機(jī)的Bootstrap柵格系統(tǒng)
這篇文章主要介紹了Bootstrap自動(dòng)適應(yīng)PC、平板、手機(jī)的Bootstrap柵格系統(tǒng)的相關(guān)資料,需要的朋友可以參考下
2016-05-05
基于JavaScript實(shí)現(xiàn)移動(dòng)端點(diǎn)擊圖片查看大圖點(diǎn)擊大圖隱藏
最近接了個(gè)項(xiàng)目，項(xiàng)目需求是這樣的，當(dāng)點(diǎn)擊圖片查看圖片，再次點(diǎn)擊大圖被隱藏，在移動(dòng)端用的比較多，因?yàn)橐苿?dòng)端屏幕小，需要查看大圖。具體代碼實(shí)現(xiàn)過程本文給大家介紹，需要的朋友可以參考下
2015-11-11