李斯特 发表于 2017-2-21 10:09:33

nodejs websocket html5 实时

  准备:
  NodeJS nodejs.org
  Node-WebSocket-Server https://github.com/miksago/node-websocket-server
  服务端:
  


var spawn = require('child_process').spawn;
var tail = spawn("tail", ['-f', 'development.log']);
console.log('starting');

var ws = require("websocket-server");
var server = ws.createServer();
server.addListener("connection", function(connection){
tail.stdout.on('data',function(data) {
server.broadcast(data);
});
});
server.listen(8001, "127.0.0.1");

  客户端:
  


<!DOCTYPE html>
<html>
<head>
<title>tail -f development.log</title>
<script>
function showText(t){
document.querySelector('#showData').innerHTML += t;
}
if(!window.WebSocket){
alert('Your browser not Support websocket!');
} else {
var ws = new WebSocket('ws://127.0.0.1:8001');
ws.onopen = function(e){
showText('Websocket opened!');
};
ws.onclose = function(e){
showText('WebSocket closed!');
};
ws.onerror = function(e){
showText('WebSocket error!');
};
ws.onmessage = function(e){
showText("<br /><br />" + e.data);
};
}
function send(){
ws.send('a');
}
</script>
</head>
<body>
<div id="showData"></div>
</body>
</html>
  另一个很易阅读的资源:
  https://github.com/agreatfool/HTML5-WebSocket-Canvas-Game.git
页: [1]
查看完整版本: nodejs websocket html5 实时