前端JS使用AES加密后端PHP使用OpenSSL解密的实现方案
本文介绍如何在JavaScript前端使用crypto-js库进行AES加密,并在PHP后端利用OpenSSL扩展进行解密。文章详细展示了Node.js环境下的加解密代码示例,包括密钥、IV及CBC模式的配置,并说明了AES-128/192/256与密钥长度的对应关系及初始化向量的处理规则,旨在提升密码等敏感数据在网络传输中的安全性。
前言与背景
前言
近期发现部分网站在提交密码时已直接发送密文,即网络传输层仅传递加密后的数据,这种做法有效增强了密码在网络传输过程中的安全性。
后端语言的加解密技术已相当成熟,而前端领域Google曾推出crypto-js库,为浏览器环境提供了加解密支持。本文将探讨基于AES算法的前后端加解密具体流程。
前端JavaScript实现
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解密实现
PHP
直接使用openssl解密即可,代码如下:
$encoded = '6bcgYd4f4ZgNOQH/3tqMpg==';
$key = '123456781234567812345678';
$iv = '1234567812345678';
var_dump(openssl_decrypt($encoded, 'AES-192-CBC', $key, 0,$iv));
输出结果:
string(6) "hahaha"
关键参数注意事项
注意事项
1、AES加密位数跟密钥key有关, 以下是密钥位数和加密对应关系
- 16 => AES-128
- 24 => AES-192
- 32 => AES-256
2、iv是初始化向量. 超过16字节或者不足16字节都会被补足16字节或者截断到16字节。由于AES是块加密,铭文被分割成固定长度的块(一般是16字节长度),所以iv也是16字节。
3、CBC是加密模式
总结
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对本站的支持。
Java和JavaScript的应用场景分工:后端企业级开发与Web前端交互
2026-11-05 15:57:34
除了浏览器和Node.js,还有哪些轻量级Js脚本运行工具?
2026-11-04 17:38:24
无需后端:用JavaScript实现简单网站的本地数据存储
2026-11-03 23:03:30
Node.js 下载慢或官网打不开怎么办
2026-11-03 18:19:37
JS解析大体积Excel文件内存溢出怎么办
2026-11-03 18:19:37
