js和php加密(RSA实现JS前端加密与PHP后端解密功能示例)
类别:编程学习 浏览量:2088
时间:2022-01-14 02:48:58 js和php加密
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.加密数据
至此,我们就完成了前端的公钥加密。
后端解密
|
//私钥 $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
热门推荐
- zabbixagent安装教程(zabbix-agent在麒麟V10上的安装过程)
- html5的文件类型声明(浅析HTML5中的download属性使用)
- 云服务器9兆带宽的上传速度是多少(云服务器网速多少怎么计算?云服务器的1兆带宽是多少的?)
- js绘制平滑路径(如何利用Javascript生成平滑曲线详解)
- 织梦tag标签怎样添加(DEDECMS织梦模板添加301重定向跳转网址对的代码教程)
- php框架使用方法大全(PHP MVC框架中类的自动加载机制实例分析)
- docker默认网桥设置(Docker默认网段修改实现方法解析)
- easyui combobox级联
- 苹果微信小程序页面空白(iPhoneX安全区域Safe Area底部小黑条在微信小程序和H5的屏幕适配)
- zabbix 容器(zabbix监控docker应用配置)