RSA实现JS前端加密与PHP后端解密功能示例

本文实例讲述了RSA实现JS前端加密与PHP后端解密功能。分享给大家供大家参考，具体如下：

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.加密数据

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

后端解密