我们在开发考勤系统的时修改,碰到这样一个需求,后台返回的数据需要加密返回给前端,前端收到返回数据后进行解密再显示,为解决这个问题,需要写一个前后端都能相互加密解密的方法,首先我们就想到了CryptoJS,因为里面自带AES加密和解密各种模式,如CBC等,我们后端代码使用的是PHP,需要前后端能互相加密和解密,代码如下:
// AES加密// Author: 考勤系统www.daytime.ccfunction 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.ccfunction 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);}
实现前后端相互加密解密后,后台可以直接返回加密后的代码,前端解密显示,如下图: