当前位置:首页 > PHP教程 > php高级应用 > 列表

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

发布:smiling 来源: PHP粉丝网  添加日期:2021-12-09 15:08:11 浏览: 评论:0 

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

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

前端加密

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

  1. <html> 
  2. <head> 
  3.   <title>RSA Login Test</title> 
  4.   <meta charset="utf-8"
  5.   <script type="text/javascript" src="./js/jsbn.js"></script> 
  6.   <script type="text/javascript" src="./js/prng4.js"></script> 
  7.   <script type="text/javascript" src="./js/rng.js"></script> 
  8.   <script type="text/javascript" src="./js/rsa.js"></script> 
  9.   <script src="//cdn.bootcss.com/jquery/3.0.0/jquery.min.js"></script> 
  10.   <script type="text/javascript"
  11.     function cmdEncrypt() { 
  12.       var passwd = $('#passwd').val(); 
  13.       var rsa = new RSAKey(); 
  14. //openssl生成的modulus,十六进制数据 
  15.       var modulus = "DB1EA572B55F5D9C8ADF092F5DCC3559CFEA8CE8BB54E3A71DA9B1AFBD7D17CF80ADB224FE4EA5379BC782F41C137748D8F1B5A36AD62A127EF5E87EFB25C209A66BCEE9925CE09631BF2271E81123E93438646625080FF04F4F2CF532B077E3E390486DF40E7586F0AE522C873F33170222F46BDB6084F55DE6B7031E55DBE7"
  16.       //openssl生成秘钥时的e的值(0x10001) 
  17. var exponent = "10001"
  18.       rsa.setPublic(modulus, exponent); 
  19.       var res = rsa.encrypt(passwd); 
  20.       $('#passwd').val(res); 
  21.     } 
  22.   </script> 
  23. </head> 
  24. <body> 
  25. <form action="./login.php" method="post" > 
  26.   <label for="username">用户名:</label><input type="text" name="username" id="username"
  27.   <label for="passwd">密 码:</label><input type="password" name="password" id="passwd"
  28.   <input type="submit" value="登录" onclick="cmdEncrypt();"
  29. </form> 
  30. </body> 
  31. </html> 

前端代码十分简单,只有短短的几行,下面分别解释具体的含义:

1.new一个RSAKey对象,

2.定义modulus(模数),我们可以根据私钥计算出该值(十六进制),具体指令: rsa -in rsa_private_key.pem -noout -modulus

3.定义exponent,此值在openssl生成秘钥时,输出,一般情况下e的取值是一个定值10001(十六进制)

4.设置公钥

5.加密数据

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

后端解密

  1. //私钥 
  2. $private_key = "-----BEGIN RSA PRIVATE KEY----- 
  3. MIICXAIBAAKBgQDICrXl+ELhqFE0xCGA3/xdN1VxwUc5kxAKb5f3F28HY40zdXbn 
  4. uwpdQNKnHwTNvHZupBRHlYpqX+1Plti81sRadtYKNwVoLRlwwP3mzIyRRvO0hf3c 
  5. VXn33r4A5y1YUh+txvfgikbmmnsjP4pP3CIZC0TeDMt1+h17cV6s6KDdOQIDAQAB 
  6. AoGAdu2/NQkDIkvCc7+DN65yyCyklOvW34jqSXoM++8nqFnsUcKtPZn60HRAiPEt 
  7. Fu/L7X2JPQHP9+wuF1pUYvjAZQb5E9n8G12nxduBS5Ux085INOWP69pXnsljhyip 
  8. mpRgPf7ZsgGlftVXlg+HrUfzxj26NqEKwn61mi+CjMSMt/ECQQDpg868PEiJED/g 
  9. pUMTT7gRgDAdmPJ0+ALn82zsfA84zDA8Po9EREfXRM2Mar/fuvXL/vc0FBRYGaA/ 
  10. VAinKJ6tAkEA203JDovTnfG87zNl9z0/z3kUxCMRy+7M28+7btF1eaDzxJWVFWtX 
  11. cv4EjHjDN6ClhT6ATuamw0sNlta9n4cGPQJASBltXItUbhV5U5hTNIQ5thWZRZoy 
  12. ylDFPO7ZI89ON+A7yG4ceByI/ft9Z6ySH7cvK1RG6WqFuYn4A3Wj0lDlZQJBAIjr 
  13. Pq0TRbLl25ToXTAIkI9jREDUuGa/mC1gu+ALbDHc+HTzAxpVY0rLJ2Hgf9l6Nf1D 
  14. sW4ReWqSsFBNkCRKc+0CQClxcPv2wwSGMFhLTqpKeySPIeVy4NrTHv8zEYvm7MuU 
  15. Gvlsj6sqvcuUQbVHoLRpqQiDi8TPaEMHzS9fhDjVUUc= 
  16. -----END RSA PRIVATE KEY-----"; 
  17. $hex_encrypt_data = trim($_POST['password']); //十六进制数据 
  18. $encrypt_data = pack("H*"$hex_encrypt_data); //对十六进制数据进行转换 
  19. openssl_private_decrypt($encrypt_data$decrypt_data$private_key); //解密数据 
  20. echo '解密后的数据:' . $decrypt_data

openssl操作截图:

RSA JS前端加密 PHP后端解密

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

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

Tags: RSA JS前端加密 PHP后端解密

分享到: