本文介绍如何在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是加密模式
总结
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，谢谢大家对本站的支持。