PHP "PUSH" 至 Javascript
PHP "PUSH" To Javascript
现在我们有一个 Web 应用程序 运行 在本地网络上,客户端 运行 一切都在 javascript 中。为了确保一切同步,这些客户端目前通过发送它收到的最后一个 "syncId" 向服务器发送 AJAX 请求。然后,服务器响应一个命令数组树,以使该客户端保持最新状态。这是每秒执行一次,尚未引起任何网络带宽或延迟问题,但我们下个月将在更大的客户端中安装一个系统,这可能会突破此方法的限制,我想知道是否可以让服务器 "PUSH" 实时同步事件到客户端。
srvResponse=httpGet("CDSSync.php?sessionKey="+sessionKey+"&lastUpdate="+lastUpdate);
if(srvResponse!=0){
syncEvents=srvResponse.split(";");
for(var i=0; i<syncEvents.length; i++){
syncItem=syncEvents[i].split(",");
window["syncFunction_"+syncItem[1]](syncItem[2]);
lastUpdate=syncItem[0];
}
}
上面是我的系统检查要同步的事件的地方,其中 syncItem[0] 是自动增量 ID,syncItem[1] 是正在处理的事件的代码,syncItem[2] 是函数的参数.尽管不在此代码中,但被调用的 httpGet 函数只是一个从服务器获取并 returns 响应的函数。
看看 www.firebase.com,您可以在几分钟内设置从 javascript 个客户端到所有其他客户端的推送服务。先试试简单教程:
<!doctype html>
<html>
<head>
<script src='https://cdn.firebase.com/js/client/2.2.1/firebase.js'></script>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'></script>
<link rel='stylesheet' type='text/css' href='/resources/tutorial/css/example.css'>
</head>
<body>
<div id='messagesDiv'></div>
<input type='text' id='nameInput' placeholder='Name'>
<input type='text' id='messageInput' placeholder='Message'>
<script>
var myDataRef = new Firebase('https://hbw30ob2a8y.firebaseio-demo.com/');
$('#messageInput').keypress(function (e) {
if (e.keyCode == 13) {
var name = $('#nameInput').val();
var text = $('#messageInput').val();
myDataRef.push({name: name, text: text});
$('#messageInput').val('');
}
});
myDataRef.on('child_added', function(snapshot) {
var message = snapshot.val();
displayChatMessage(message.name, message.text);
});
function displayChatMessage(name, text) {
$('<div/>').text(text).prepend($('<em/>').text(name+': ')).appendTo($('#messagesDiv'));
$('#messagesDiv')[0].scrollTop = $('#messagesDiv')[0].scrollHeight;
};
</script>
</body>
</html>
现在我们有一个 Web 应用程序 运行 在本地网络上,客户端 运行 一切都在 javascript 中。为了确保一切同步,这些客户端目前通过发送它收到的最后一个 "syncId" 向服务器发送 AJAX 请求。然后,服务器响应一个命令数组树,以使该客户端保持最新状态。这是每秒执行一次,尚未引起任何网络带宽或延迟问题,但我们下个月将在更大的客户端中安装一个系统,这可能会突破此方法的限制,我想知道是否可以让服务器 "PUSH" 实时同步事件到客户端。
srvResponse=httpGet("CDSSync.php?sessionKey="+sessionKey+"&lastUpdate="+lastUpdate);
if(srvResponse!=0){
syncEvents=srvResponse.split(";");
for(var i=0; i<syncEvents.length; i++){
syncItem=syncEvents[i].split(",");
window["syncFunction_"+syncItem[1]](syncItem[2]);
lastUpdate=syncItem[0];
}
}
上面是我的系统检查要同步的事件的地方,其中 syncItem[0] 是自动增量 ID,syncItem[1] 是正在处理的事件的代码,syncItem[2] 是函数的参数.尽管不在此代码中,但被调用的 httpGet 函数只是一个从服务器获取并 returns 响应的函数。
看看 www.firebase.com,您可以在几分钟内设置从 javascript 个客户端到所有其他客户端的推送服务。先试试简单教程:
<!doctype html>
<html>
<head>
<script src='https://cdn.firebase.com/js/client/2.2.1/firebase.js'></script>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'></script>
<link rel='stylesheet' type='text/css' href='/resources/tutorial/css/example.css'>
</head>
<body>
<div id='messagesDiv'></div>
<input type='text' id='nameInput' placeholder='Name'>
<input type='text' id='messageInput' placeholder='Message'>
<script>
var myDataRef = new Firebase('https://hbw30ob2a8y.firebaseio-demo.com/');
$('#messageInput').keypress(function (e) {
if (e.keyCode == 13) {
var name = $('#nameInput').val();
var text = $('#messageInput').val();
myDataRef.push({name: name, text: text});
$('#messageInput').val('');
}
});
myDataRef.on('child_added', function(snapshot) {
var message = snapshot.val();
displayChatMessage(message.name, message.text);
});
function displayChatMessage(name, text) {
$('<div/>').text(text).prepend($('<em/>').text(name+': ')).appendTo($('#messagesDiv'));
$('#messagesDiv')[0].scrollTop = $('#messagesDiv')[0].scrollHeight;
};
</script>
</body>
</html>