前端JS框架CryptoJS如何与后台PHP程序代码进行AES相互加解密

我们在开发考勤系统的时修改，碰到这样一个需求，后台返回的数据需要加密返回给前端，前端收到返回数据后进行解密再显示，为解决这个问题，需要写一个前后端都能相互加密解密的方法，首先我们就想到了CryptoJS，因为里面自带AES加密和解密各种模式，如CBC等，我们后端代码使用的是PHP，需要前后端能互相加密和解密，代码如下：

// AES加密
// Author: 考勤系统www.daytime.cc
function aesEncrypt(str) {
	var KEY = 'www.daytime.cc';
	var IV = CryptoJS.MD5(KEY).toString();
	var encrypted = CryptoJS.AES.encrypt(str, CryptoJS.enc.Utf8.parse(KEY.substring(0,16)), {
		iv: CryptoJS.enc.Utf8.parse(IV.substring(0,32)),
		mode: CryptoJS.mode.CBC
	});
	return s;
}

后端的PHP代码如下：

// AES解密  与前端JS加密配合使用
// Author: 考勤系统www.daytime.cc
function aesDecrypt($string, $mode = 'AES-128-CBC', $len = 32){
	if(!$string)return '';
	$key = substr('www.daytime.cc', 0, $len);
	$iv = substr(md5('www.daytime.cc'), 0, $len);
	$data = openssl_decrypt($string, $mode, $key, 0, $iv);
	return trim($data);
}

实现前后端相互加密解密后，后台可以直接返回加密后的代码，前端解密显示，如下图：