美文网首页
JS和PHP交互AES加密解密数据

JS和PHP交互AES加密解密数据

作者: 忆明人 | 来源:发表于2019-03-26 17:03 被阅读0次

    JS和PHP交互AES加密解密数据

    1.php7.0开始mcrypt_decrypt函数将不能使用,整个mcrypt模块都废弃了;目前我使用的函数:openssl_decrypt

    2.JS的aes.js引入,有两种方式

    3.JS目前aes解密,openssl_decrypt函数加密方式仅支持:AES-128-CBC

    js部分

    1.其中js引入的文件,下载地址:https://github.com/sytelus/CryptoJS  涵盖前端常见的加密方式 base aes md5 等 

    2.components:里面的aes.js不能直接使用,直接应用会报错,CryptoJS is not defined;网上的说法好像是 

    components里面的需要npm安装才能使用 接引入rollups里面的aes.js

    3. pad-zeropadding-min.js:直接使用components,只有这里面有

    4.key和iv都需要16字节长度

    PHP部分

    1.key,iv 都只能是16字节 

    2. iv 网上说’AES-128-CBC’ 改成 ‘AES-256-CBC’,就可以使用32字节的iv,我发现是错的,iv只能是16字节的 

    3.$methon 如果不是 ‘AES-128-CBC’,JS会报错:Malformed UTF-8 data 

    4.iv 不能手动有规律的产生,因为:解密需要使用iv作为计算规则,比如  第一个是:iv=′1234657887654321′;第二个是:iv=′1234657887654321′;第二个是:iv=’1234657887654320’; 那么使用第一个iv加密的数据,其实可以用第二个iv解密,安全性完全没有

    5..iv的生成可以自己定义,也可以用php生成(百度即可) ;用php生成的无法给前端使用,这是缺点   openssl_encrypt()出啦的结果,无法在网络正常的传输,需要使用base64进行编译,而且前端也只接受aes加密后base64编译后的数据    

    6.openssl_decrypt 第三个参数: OPENSSL_RAW_DATA,OPENSSL_ZERO_PADDING.:PHP和JS的互相加密解密,使用这两个参数选项 

    1,0:PHP内部的加密解密,使用这两个参数选项

    JS代码

     <!DOCTYPE html>

    <html>

    <head>

        <title>aes加密</title>

        <meta charset="utf-8">

    </head>

    <body>

        <button class="ajax">请求解密</button>

    </body>

    <script src="./aes.js"></script>

    <script src="./pad-zeropadding-min.js"></script>

    <script src="./jq-min.js"></script>

    <script>

    var iv = '';

        $.post('./aes_decode.php',{},function(res){

            var res = JSON.parse(res);

            console.log('服务器返回加密数据:'+res.questions);

            // 解密

            var key = CryptoJS.enc.Utf8.parse("1234567887654321");// 秘钥

            iv = res.key;

            var ivv =    CryptoJS.enc.Utf8.parse(iv);//向量iv

            var decrypted = CryptoJS.AES.decrypt(res.questions,key,{iv:ivv,padding:CryptoJS.pad.ZeroPadding});

            var rest =  decrypted.toString(CryptoJS.enc.Utf8);

            console.log('JS解密后数据:'+rest);

        });

        $('.ajax').on('click',function(e){

            // 加密

            var data = "JS DATA 11点18分";

            console.log('JS加密前:'+data);

            var key = CryptoJS.enc.Utf8.parse('1234567887654321');

            var ivv = CryptoJS.enc.Utf8.parse(iv);

            var encrypted = CryptoJS.AES.encrypt(data, key, { iv: ivv, mode: CryptoJS.mode.CBC, padding: CryptoJS.pad.ZeroPadding });

            data = encrypted.toString();

            var msg = {'data':data,'iv':iv};

            console.log('JS加密后:'+data);

            $.post('./aes_decode.php',msg,function(res){

                console.log(res);

            });

        });

    </script>

    </html>

    PHP服务器加密代码

    //服务器加密代码

    $data = 'SERVERS data FROM PHP';

    $key = '1234567887654321';

    $methon = 'AES-128-CBC';

    $iv = substr(md5(microtime().'codedig'), 0, 16);

    $res = base64_encode(openssl_encrypt($data, $methon, $key, 1, $iv));//加密

    $result = [

        'questions' => $res,

        'key' => $iv

    ];

    echo json_encode($result);

    PHP服务器解密代码 

    //解密

    $msg2 = $_POST['data'];

    $privateKey = "1234567887654321";

    $iv =  $_POST['iv'];

    $data = $data . str_repeat(' ', 16 - (strlen($data) % 16));//自定义加密填充

    $decrypted = openssl_decrypt($msg2, 'AES-128-CBC', $privateKey, 0, $iv); // 解密

    echo 'SERVER解密后:'.$decrypted;

    相关链接

    https://www.jianshu.com/p/546137b8ac7a

    https://blog.csdn.net/zhemejinnameyuanxc/article/details/83383434

    相关文章

      网友评论

          本文标题:JS和PHP交互AES加密解密数据

          本文链接:https://www.haomeiwen.com/subject/xalnvqtx.html