web前端，用户注册与登录，不能直接以明文形式提交用户密码，容易被截获，这时就引入RSA。

前端加密

需引入4个JS扩展文件，jsbn.js、prng4.js、rng.js和rsa.js。

<html>

<head>

    <title>RSA Login Test</title>

    <meta charset="utf-8">

    <script type="text/javascript" src="./js/jsbn.js"></script>

    <script type="text/javascript" src="./js/prng4.js"></script>

    <script type="text/javascript" src="./js/rng.js"></script>

    <script type="text/javascript" src="./js/rsa.js"></script>

    <script src="//cdn.bootcss.com/jquery/3.0.0/jquery.min.js"></script>

    <script type="text/javascript">

        function cmdEncrypt() {

            var passwd = $('#passwd').val();

            var rsa = new RSAKey();

　　　　　　　//openssl生成的modulus,十六进制数据

            var modulus = "DB1EA572B55F5D9C8ADF092F5DCC3559CFEA8CE8BB54E3A71DA9B1AFBD7D17CF80ADB224FE4EA5379BC782F41C137748D8F1B5A36AD62A127EF5E87EFB25C209A66BCEE9925CE09631BF2271E81123E93438646625080FF04F4F2CF532B077E3E390486DF40E7586F0AE522C873F33170222F46BDB6084F55DE6B7031E55DBE7";

            
            //openssl生成秘钥时的e的值(0x10001)
　　　　　　　var exponent = "10001";

            rsa.setPublic(modulus, exponent);

            var res = rsa.encrypt(passwd);

            $('#passwd').val(res);

        }

    </script>

</head>

<body>

<form action="./login.php" method="post" >

    <label for="username">用户名：</label><input type="text" name="username" id="username">

    <label for="passwd">密  码：</label><input type="password" name="password" id="passwd">

    <input type="submit" value="登录" onclick="cmdEncrypt();">

</form>

</body>

</html>
　　前端代码十分简单，只有短短的几行，下面分别解释具体的含义：
　　　　1.new一个RSAKey对象，
　　　　2.定义modulus（模数），我们可以根据私钥计算出该值（十六进制），具体指令: rsa -in rsa_private_key.pem -noout -modulus  
　　　　3.定义exponent,此值在openssl生成秘钥时，输出，一般情况下e的取值是一个定值10001（十六进制）
　　　　4.设置公钥
　　　　5.加密数据

至此，我们就完成了前端的公钥加密。

后端解密

//私钥

$private_key = "-----BEGIN RSA PRIVATE KEY-----

MIICXAIBAAKBgQDICrXl+ELhqFE0xCGA3/xdN1VxwUc5kxAKb5f3F28HY40zdXbn

uwpdQNKnHwTNvHZupBRHlYpqX+1Plti81sRadtYKNwVoLRlwwP3mzIyRRvO0hf3c

VXn33r4A5y1YUh+txvfgikbmmnsjP4pP3CIZC0TeDMt1+h17cV6s6KDdOQIDAQAB

AoGAdu2/NQkDIkvCc7+DN65yyCyklOvW34jqSXoM++8nqFnsUcKtPZn60HRAiPEt

Fu/L7X2JPQHP9+wuF1pUYvjAZQb5E9n8G12nxduBS5Ux085INOWP69pXnsljhyip

mpRgPf7ZsgGlftVXlg+HrUfzxj26NqEKwn61mi+CjMSMt/ECQQDpg868PEiJED/g

pUMTT7gRgDAdmPJ0+ALn82zsfA84zDA8Po9EREfXRM2Mar/fuvXL/vc0FBRYGaA/

VAinKJ6tAkEA203JDovTnfG87zNl9z0/z3kUxCMRy+7M28+7btF1eaDzxJWVFWtX

cv4EjHjDN6ClhT6ATuamw0sNlta9n4cGPQJASBltXItUbhV5U5hTNIQ5thWZRZoy

ylDFPO7ZI89ON+A7yG4ceByI/ft9Z6ySH7cvK1RG6WqFuYn4A3Wj0lDlZQJBAIjr

Pq0TRbLl25ToXTAIkI9jREDUuGa/mC1gu+ALbDHc+HTzAxpVY0rLJ2Hgf9l6Nf1D

sW4ReWqSsFBNkCRKc+0CQClxcPv2wwSGMFhLTqpKeySPIeVy4NrTHv8zEYvm7MuU

Gvlsj6sqvcuUQbVHoLRpqQiDi8TPaEMHzS9fhDjVUUc=

-----END RSA PRIVATE KEY-----";

$hex_encrypt_data = trim($_POST['password']);  //十六进制数据

$encrypt_data = pack("H*", $hex_encrypt_data); //对十六进制数据进行转换

openssl_private_decrypt($encrypt_data, $decrypt_data, $private_key); //解密数据

echo '解密后的数据：' . $decrypt_data;

openssl操作截图：

需要注意的是：前端加密的时候如果是中文，则解密后是乱码。

openssl工具和完整demo，详见：https://github.com/cqingt/RSA_JS_PHP

分类: PHP,前端

原文链接：https://www.cnblogs.com/cqingt/p/6548150.html

转发：RSA实现JS前端加密，PHP后端解密的更多相关文章

  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前台加密java后台解密

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

  5. js前端加密，php后端解密（crypto-js，openssl_decrypt）

    来源:https://blog.csdn.net/morninghapppy/article/details/79044026 案例:https://blog.csdn.net/zhihua_w/ar ...

  6. js base64加密，后台解密

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

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

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

  8. sha256 js 前端加密

    <html> <head></head> <body> <script type="text/javascript" src= ...

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

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

随机推荐

  1. GDI+_VB6_ARGB

    在写一个用GDI+代替VB的Line函数的方法时,遇到了一个问题. GdipCreateSolidFill 参数 color [in]ARGB颜色,指定此实体画笔的初始颜色. brush [out]指 ...

  2. Bootstrap中的data-toggle,data-target

    data-toggle指以什么事件触发常用的如collapse,modal,popover,tooltips等:data-target指事件的目标, 一起使用就是代表data-target所指的元素以 ...

  3. html注册栏网页练习代码

    html body>     <form action="#" method="get">         <div>       ...

  4. 2018-2019-2 20175126谢文航 实验一《Java开发环境的熟悉》实验报告

    一.实验报告封面 课程:Java程序设计 班级:1751班 姓名:谢文航 学号:20175126 指导教师:娄嘉鹏 实验日期:2019年3月28日 实验时间:--- 实验序号:实验一 实验名称:Jav ...

  5. jquery-confirm使用方法

    简要教程 jquery-confirm是一款功能强大的jQuery对话框和确认框插件.它提供多种内置的主题效果,可以实现ajax远程加载内容,提供动画效果和丰富的配置参数等.它的特点还有: 可以使用键 ...

  6. jsp2

    jsp:实现了静态html中,插入了动态的代码 servlet:动态代码中,插入静态html (jsp代码) <%@ page language="java" content ...

  7. L2-028 秀恩爱分得快(模拟)

    古人云:秀恩爱,分得快. 互联网上每天都有大量人发布大量照片,我们通过分析这些照片,可以分析人与人之间的亲密度.如果一张照片上出现了 K 个人,这些人两两间的亲密度就被定义为 1/K.任意两个人如果同 ...

  8. docker-compose使用

    1.创建app.py项目文件,执行以下代码 import time import redis from flask import Flask app = Flask(__name__) cache = ...

  9. Day1数据结构和算法

    2019-02-27 程序设计=数据结构+算法 数据结构就是关系,是数据元素相互之间存在的关系集合 逻辑结构:数据对象中数据元素的相互关系 集合结构:集合里的数据元素除了同属于一个集合外没有其他关系 ...

  10. 转:Command "python setup.py egg_info" failed with error code 1 in /tmp/pip-install-j8m0mf5q/mysqlclient

    错误场景 第一次部署服务器时mysqlclient安装失败 思考 初步考虑是pip没有升级,最后发现不是这个原因. 解决办法 来源:https://blog.csdn.net/mr_tia/artic ...