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

你可能感兴趣的:(html,html5,git,F#)