用 PHPRPC 实现 Ajax 安全登录 phprpcAjaxPHP算法JavaScript
程序员文章站
2022-05-12 09:06:56
...
该文首发于CoolCode.CN
昨天我举了个 用 PHPRPC 实现 Ajax 级联下拉菜单 的例子，那个例子中我们重点要演示的是用 PHPRPC 实现 Ajax 效果是多么的简单。今天我们这个例子主要演示用 PHPRPC 内置的安全加密机制来实现安全登录是多么简单。当然它同样可以用于密码设置、其它关键保密数据的传输等领域。
这个例子比昨天的例子还要简单，先来看服务器端：
这段代码太简单了，我不需要多说什么大家也能够看明白。不过大家会发现，在 login 函数中我用了 $_SESSION 变量，但是并没有在什么位置上写 session_start()，原因在于建立加密连接时，已经自动调用了 session_start()，因此不需要再单独写 session_start() 了。为了验证它是否生效，我们在后面的另一个页面中（admin.php），将判断这里设置的 $_SESSION 变量，并根据它来报告登录成功或者没成功跳回到登录页面。
那再来看看客户端，客户端我们将 JavaScript 跟 HTML 分离了，先来看看 html 页面。
这个页面很简单，只是设置好了表单输入框和按钮，所有的处理都是在 login.js 中完成的。不过需要注意的是这里的 phprpc_client.js 是 full 压缩版本，因为我们需要用到它的加密传输功能。我们来看看 login.js 是怎么写的。
大家会发现除了在调用 use_service 时，设置了第二个参数为 true 外，还在调用服务器端的 login 函数前，设置了 rpc.encrypt 的值为 1，这里 1 表示单向加密传输，单向加密传输是指调用的参数会以加密的方式传给服务器，但是返回的结果不加密（如果参数是引用参数的话，参数返回时也是加密的）。如果 rpc.encrypt 的值为 0，则表示不加密；如果是 2，则表示双向加密。
这里因为只有用户名和密码是敏感数据，需要保证它在传递给服务器时不被截获（即使截获也是加密的内容，无法破解），但返回的结果成功还是不成功并不是什么需要保密的数据，所以可以不加密。因此这里选择了单向加密传输。
大家也不必担心密钥是否会被截获，因为密钥是通过密钥交换算法，在服务器端和客户端（浏览器端）随机同步生成的，但没有经过网络传输，在网络上传输的是生成同步密钥的相关信息，但是只获取到这些信息是不足以算出密钥的，因此可以保证密钥的安全性。而加密算法本身也是一个强加密算法，密钥长度是 128 位，在没有密钥的情况下采用穷举法也是无法破解的。
大家会发现登录成功后，我们转向了 admin.php 页面，下面是这个页面的一个简单的例子：
这里需要自己 sestion_start() 一下了，之后就可以验证 $_SESSION['user'] 是否设置了。
演示程序
实例下载
通过 PHPRPC，你不再需要为 Ajax 程序中数据的安全性而头痛，也不必为会话支持而苦恼，这一切 PHPRPC 都已经帮你自动完成了，你只需要关注具体的事务就可以了。用 PHPRPC 来做 Ajax 安全编程，就是这么简单！
昨天我举了个 用 PHPRPC 实现 Ajax 级联下拉菜单 的例子，那个例子中我们重点要演示的是用 PHPRPC 实现 Ajax 效果是多么的简单。今天我们这个例子主要演示用 PHPRPC 内置的安全加密机制来实现安全登录是多么简单。当然它同样可以用于密码设置、其它关键保密数据的传输等领域。
这个例子比昨天的例子还要简单，先来看服务器端：
PHP 代码:
<!-- php buffer start --><?php
functionlogin($username,$password){
if(($username=="root")&&($password=="admin")){
$_SESSION['user']="root";
returntrue;
}
$_SESSION['user']=null;
returnfalse;
}
require_once("phprpc_server.php");
newphprpc_server(array('login'));
?> <!-- php buffer end -->
这段代码太简单了，我不需要多说什么大家也能够看明白。不过大家会发现，在 login 函数中我用了 $_SESSION 变量，但是并没有在什么位置上写 session_start()，原因在于建立加密连接时，已经自动调用了 session_start()，因此不需要再单独写 session_start() 了。为了验证它是否生效，我们在后面的另一个页面中（admin.php），将判断这里设置的 $_SESSION 变量，并根据它来报告登录成功或者没成功跳回到登录页面。
那再来看看客户端，客户端我们将 JavaScript 跟 HTML 分离了，先来看看 html 页面。
代码:
<html> <head> <script type="text/javascript" src="phprpc_client.js"></script> <script type="text/javascript" src="login.js"></script> </head> <body> <div align="center"> 帐号：<input type="text" id="username" /> 密码：<input type="password" id="password" /> <input type="button" value="登录" id="loginbtn" /> </div> </body> </html>
这个页面很简单，只是设置好了表单输入框和按钮，所有的处理都是在 login.js 中完成的。不过需要注意的是这里的 phprpc_client.js 是 full 压缩版本，因为我们需要用到它的加密传输功能。我们来看看 login.js 是怎么写的。
代码:
// 创建 phprpc 客户端对象 rpc phprpc_client.create('rpc'); // 初始化带有加密连接的 rpc 服务，第二个参数表示是否创建加密连接 rpc.use_service('rpc.php', true); // 登录函数 function login() { // 如果加密连接已经初始化完毕，则验证用户名密码 if (rpc.ready) { // 获取用户输入的用户名和密码 var username = document.getElementById('username').value; var password = document.getElementById('password').value; // 设置远程过程调用为单向加密， // 即传递的参数是加密的，但返回结果不加密 rpc.encrypt = 1; // 调用远程过程验证用户名密码是否正确，并设置回调函数。 rpc.login(username, password, function (result) { // 如果返回结果正确，则转到登录后的页面 if (result === true) { window.location.replace('admin.php'); } // 否则提示用户名密码不正确 else { alert('用户名密码不正确！'); } }); } // 如果连接尚未初始化完毕，则等待 100 毫秒后重试。 else { window.setTimeout('login();', 100); } } window.onload = function () { document.getElementById('loginbtn').onclick = login; }
大家会发现除了在调用 use_service 时，设置了第二个参数为 true 外，还在调用服务器端的 login 函数前，设置了 rpc.encrypt 的值为 1，这里 1 表示单向加密传输，单向加密传输是指调用的参数会以加密的方式传给服务器，但是返回的结果不加密（如果参数是引用参数的话，参数返回时也是加密的）。如果 rpc.encrypt 的值为 0，则表示不加密；如果是 2，则表示双向加密。
这里因为只有用户名和密码是敏感数据，需要保证它在传递给服务器时不被截获（即使截获也是加密的内容，无法破解），但返回的结果成功还是不成功并不是什么需要保密的数据，所以可以不加密。因此这里选择了单向加密传输。
大家也不必担心密钥是否会被截获，因为密钥是通过密钥交换算法，在服务器端和客户端（浏览器端）随机同步生成的，但没有经过网络传输，在网络上传输的是生成同步密钥的相关信息，但是只获取到这些信息是不足以算出密钥的，因此可以保证密钥的安全性。而加密算法本身也是一个强加密算法，密钥长度是 128 位，在没有密钥的情况下采用穷举法也是无法破解的。
大家会发现登录成功后，我们转向了 admin.php 页面，下面是这个页面的一个简单的例子：
PHP 代码:
<!-- php buffer start --><?php
session_start();
if($_SESSION['user']=='root'){
echo"登录成功！";
}
else{
header("Location:index.html");
}
?> <!-- php buffer end -->
这里需要自己 sestion_start() 一下了，之后就可以验证 $_SESSION['user'] 是否设置了。
演示程序
实例下载
通过 PHPRPC，你不再需要为 Ajax 程序中数据的安全性而头痛，也不必为会话支持而苦恼，这一切 PHPRPC 都已经帮你自动完成了，你只需要关注具体的事务就可以了。用 PHPRPC 来做 Ajax 安全编程，就是这么简单！