来源：https://blog.csdn.net/morninghapppy/article/details/79044026

案例：https://blog.csdn.net/zhihua_w/article/details/79388297?utm_source=copy

php 案例：https://blog.csdn.net/zhemejinnameyuanxc/article/details/83383434

注意！！！

由于前端的加密库关系，后端加密的“明钥”只能是16位的，但是如果你只是在后端使用或前端只是，没有前后交互，你就当我没说。

前端加密之后，后端解密出来的会有看不见的空白符，php 用trim($data)就可以了。

前端页面：

<!--

 || =========================================================

 || Created by ZHIHUA·WEI.

 || Author: ZHIHUA·WEI <zhihua_wei@foxmail.com>

 || Date: 2018/2/27

 || Time: 10:16

 || Project: 基于PHP和JS的AES相互加密解密方法详解(CryptoJS)

 || Power: index.html

 || =========================================================

-->

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="keywords" content="ZHIHUA·WEI,基于PHP和JS的AES相互加密解密方法详解,AES加密解密">

    <meta name="description" content="基于PHP和JS的AES相互加密解密方法详解,AES加密解密,PHP开发,ZHIHUA· WEI">

    <meta name="author" content="ZHIHUA·WEI">

    <meta name="version" content="1.0.0">

    <title>基于PHP和JS的AES相互加密解密方法详解(CryptoJS)</title>

    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>

    <script src="node_modules/crypto-js/crypto-js.js"></script>

</head>

<body>

<div style="margin: 0;text-align:center;">

    <h2>基于PHP和JS的AES相互加密解密方法详解(CryptoJS)</h2>

</div>

<div style="margin:0 18%;">

    <h4>注意说明：</h4>

    <ul>

        <li>1. 首先引入CryptoJS包中的aes.js和pad-zeropadding.js</li>

        <li>2. 其次引入了jquery.min.js和自己封装的function.js(内容主要是加密解密函数)</li>

        <li>3. 加密解密过程中的向量和密钥必须保持一致</li>

        <li>4. 进行加密的数据(字符串类型)：{"username":"1001","password":"123456","terminal":"PC"}</li>

        <li>5. 加密结果是变化的在这不写(变化的原因是因为密钥取得是当前时间)</li>

        <li>6. 具体详情可读代码(注释完整)</li>

    </ul>

</div>

<div style="margin:0 18%;">

    <h4>加密测试：</h4>

    <ul>

        <li>进行加密的数据(字符串类型)：{"username":"1001","password":"123456","terminal":"PC"}</li>

        <li id="encrypt_key"></li>

        <li id="encrypt_string"></li>

    </ul>

</div>

<div style="margin:0 18%;">

    <h4>解密测试：</h4>

    <ul>

        <li>

            进行解密密的数据(字符串类型、PHP端生成)：8bkd/doBOrG3+pTEGkRwk9A3ZLrzXtf10E6Nn9CSoHXRXHydM7xt7PllPhUSItuK8ciF5g6UZ7DruCPQCVNZIJzI4ZHyUMJlV2aHyqMhbEoyS3pK6lPs1MsOeU/H7BZ5

        </li>

        <li id="decrypt_key">解密的密钥(PHP端生成)：</li>

        <li id="decrypt_string">JS解密后字符串：</li>

    </ul>

</div>

<script>

    /**

     * 接口数据加密函数

     * @param str string 需加密的json字符串

     * @param key string 加密key(16位)

     * @param iv string 加密向量(16位)

     * @return string 加密密文字符串

     */

    function encrypt(str, key, iv) {

        //密钥16位

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

        //加密向量16位

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

        var encrypted = CryptoJS.AES.encrypt(str, key, {

            iv: iv,

            mode: CryptoJS.mode.CBC,

            padding: CryptoJS.pad.ZeroPadding

        });

        return encrypted;

    }

    /**

     * 接口数据解密函数

     * @param str string 已加密密文

     * @param key string 加密key(16位)

     * @param iv string 加密向量(16位)

     * @returns {*|string} 解密之后的json字符串

     */

    function decrypt(str, key, iv) {

        //密钥16位

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

        //加密向量16位

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

        var decrypted = CryptoJS.AES.decrypt(str, key, {

            iv: iv,

            mode: CryptoJS.mode.CBC,

            padding: CryptoJS.pad.ZeroPadding

        });

        return CryptoJS.enc.Utf8.stringify(decrypted);

    }

</script>

<script>

    //********************************加密**********************************

    //获取当前时间戳13位 + 3位字符

    var timestamp = new Date().getTime().toString() + "WZH";

    //加密密钥16位

    var encrypt_key = timestamp;

    //加密向量16位

    var iv = 'ZZWBKJ_ZHIHUAWEI';

    //要加密的数据

    var encrypt_string = '{"username":"1001","password":"123456","terminal":"PC"}';

    //加密后密文（加密函数在function.js文件中）

    var encrypted_string = encrypt(encrypt_string, encrypt_key, iv);

    $("#encrypt_key").text("JS加密密钥：" + encrypt_key);

    $("#encrypt_string").text("JS加密后字符串：" + encrypted_string);

    //********************************结束**********************************

    //********************************解密**********************************

    //解密密钥16位(解密向量同上)

    var decrypt_key = '20180227110419WB';

    //解密密文字符串

    var decrypt_string = "8bkd/doBOrG3+pTEGkRwk9A3ZLrzXtf10E6Nn9CSoHXRXHydM7xt7PllPhUSItuK8ciF5g6UZ7DruCPQCVNZIJzI4ZHyUMJlV2aHyqMhbEoyS3pK6lPs1MsOeU/H7BZ5";

    var decrypted_string = decrypt(decrypt_string, decrypt_key, iv);

    $("#decrypt_key").text("解密的密钥(PHP端生成)：" + decrypt_key);

    $("#decrypt_string").text("JS解密后字符串：" + decrypted_string);

    //********************************结束**********************************

</script>

</body>

</html>

php：

<?php

header("Content-type:text/html;charset=utf-8");

//加密向量16位

$iv = "ZZWBKJ_ZHIHUAWEI";

//********************************解密**********************************

//js加密秘钥16位

$decrypt_key = "1572329129539WZH";

//js加密密文字符串

$decrypt_data = "SBItvk+il2X+b4A69xJNOIVN78Ty+G2fBfmQvEbtmw2jWWTMJ24lP21vm+mV0qCK13iAgQoiA/g4NCH/8iNZeA==";

$decrypted = openssl_decrypt($decrypt_data, 'AES-128-CBC',$decrypt_key,OPENSSL_ZERO_PADDING, $iv);

//解密结果

//echo $decrypted;

//********************************结束**********************************

//********************************加密**********************************

$data = "你好";

$method = 'AES-128-CBC';//加密方法

$result = openssl_encrypt($data, $method, $decrypt_key, 0,$iv);

var_dump($result);

$a = openssl_decrypt($result,$method,$decrypt_key,0,$iv);

var_dump($a);

//********************************结束**********************************

js前端加密，php后端解密（crypto-js，openssl_decrypt）的更多相关文章

  1. JS前端加密JAVA后端解密详解

    最近有一个加解密的需求,其实没有什么难度,但是实践过程中踩了很多坑,把踩坑过程分享出来. 1.前端JS加密 /** * 加密(需要先加载aes.min.js文件) * @param word * @r ...

  2. Java 前端加密传输后端解密以及验证码功能

    目录(?)[-] 加密解密 1 前端js加密概述 2 前后端加密解密 21 引用的js加密库 22 js加密解密 23 Java端加密解密PKCS5Padding与js的Pkcs7一致 验证码 1 概 ...

  3. 转发：RSA实现JS前端加密，PHP后端解密

    web前端,用户注册与登录,不能直接以明文形式提交用户密码,容易被截获,这时就引入RSA. 前端加密 需引入4个JS扩展文件,jsbn.js.prng4.js.rng.js和rsa.js. <h ...

  4. RSA实现JS前端加密，PHP后端解密

    web前端,用户注册与登录,不能直接以明文形式提交用户密码,容易被截获,这时就引入RSA. 前端加密 需引入4个JS扩展文件,jsbn.js.prng4.js.rng.js和rsa.js. <h ...

  5. rsa实现js前台加密java后台解密

    前段时间写了一个rsa前台加密到后台用java解密,下面共享下实现思路: 准备工作:第三方包是必须的 bcprov-jdk15on-148.jar commons-codec-1.7.jar comm ...

  6. js base64加密，后台解密

    这是为了解决页面发送post请求,传输密码,在页面的控制台可以看到密码的明文,所以先用base64把要传输的密码转换为非明文,然后在后台解密处理. base64encode.js // base64加 ...

  7. angular.js前端分层开发（页面和js代码分离，并将js代码分层）

    一. 抽取模块成base.js文件// 定义模块: var app = angular.module("eshop",['pagination']); 二. 抽取服务成brandS ...

  8. 【转】JS前台加密,java后台解密实现

    因项目需求,需要一些敏感信息进行加密,不能以明文暴露到浏览器. 然后后台进行解密操作 先看一下效果图 未对其加密传输 1.前台JS <script type="text/javascr ...

  9. json传参 js前端和java后端 的简单例子

    下面讲解了从前端js对象-->json字符串-->java字符串---->java map的过程 1,初始化js对象 var param = {}; param.krel = kre ...

随机推荐

  1. 用pymysql和Flask搭建后端，响应前端POST和GET请求

    前言 这次作业不仅需要我建立一个数据库(详情请点击这里),还需要我基于这个数据库写后端接口(注册和登录)供前端访问,接收前端的POST和GET请求,并将登录.注册是否成功传给前端. 本文介绍如何用Fl ...

  2. 医学图像分割-在3DSlicer中使用英伟达的AI辅助工具NvidiaAIAssistedAnnotation自动切割医学图像教程

    前期准备 下载3DSlicer并安装: 3DSlicer官网(http://www.slicer.org)或者直接下载(https://download.slicer.org),需要注意目前该插件只支 ...

  3. windows远程桌面内部错误的处理方法

    远程桌面内部错误的处理方法 1 执行:netsh winsock reset 2 重启网络连接 3 重启远程连接服务 remote Desktop Services 4 关闭连接警告 高级 -> ...

  4. kerberos系列之flink认证配置

    大数据安全系列的其它文章 https://www.cnblogs.com/bainianminguo/p/12548076.html-----------安装kerberos https://www. ...

  5. Mysql数据库的基本操作（1）

    一.启动数据库 1. 我的电脑(此电脑)--->右键点击[管理]--->[服务和应用程序]--->[服务] 找到MySQL8.0可以选择手动启动或者自动启动. 2.可以直接通过命令行 ...

  6. 1642: 【USACO】Payback(还债)

    1642: [USACO]Payback(还债) 时间限制: 1 Sec 内存限制: 64 MB 提交: 190 解决: 95 [提交] [状态] [讨论版] [命题人:外部导入] 题目描述 &quo ...

  7. 2020年Java多线程与并发系列22道高频面试题（附思维导图和答案解析）

    前言 现在不管是大公司还是小公司,去面试都会问到多线程与并发编程的知识,大家面试的时候这方面的知识一定要提前做好储备. 关于多线程与并发的知识总结了一个思维导图,分享给大家 1.Java中实现多线程有 ...

  8. Vim查找与替换命令大全，功能完爆IDE！

    Vi/Vim 可以说是文本编辑中的一代传奇人物,直至现在,它仍然在高级程序员的武器库中占有一席之地.每个 Linux 发行版默认都包含Vim ,而且即使你不是 Linux 系统用户,你也可以安装 Vi ...

  9. Step by Step！教你如何在k3s集群上使用Traefik 2.x

    本文来自边缘计算k3s社区 作者简介 Cello Spring,瑞士人.从电子起步,拥有电子工程学位.尔后开始关注计算机领域,在软件开发领域拥有多年的工作经验. Traefik是一个十分可靠的云原生动 ...

  10. STM32F103ZET6 GPIO的使用

    1.GPIO简介 STM32F103ZET6有多个GPIO组,如GPIOA.GPIOB.GPIOC...等等.每个GPIO组具有16个IO口. GPIO组的寄存器都是类似的,每个GPIO组都有2个32 ...