查看: 624|回复: 0

[经验分享] nodejs websocket html5 实时

尚未签到

发表于 2017-2-21 10:09:33 | 显示全部楼层 |阅读模式

　　准备：
　　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、欢迎大家加入本站运维交流群:群②:261659950 群⑤:202807635 群⑦870801961 群⑧679858003
2、本站所有主题由该帖子作者发表，该帖子作者与运维网享有帖子相关版权
3、所有作品的著作权均归原作者享有，请您和我们一样尊重他人的著作权等合法权益。如果您对作品感到满意，请购买正版
4、禁止制作、复制、发布和传播具有反动、淫秽、色情、暴力、凶杀等内容的信息，一经发现立即删除。若您因此触犯法律，一切后果自负，我们对此不承担任何责任
5、所有资源均系网友上传或者通过网络收集，我们仅提供一个展示、介绍、观摩学习的平台，我们不对其内容的准确性、可靠性、正当性、安全性、合法性等负责，亦不承担任何法律责任
6、所有作品仅供您个人学习、研究或欣赏，不得用于商业或者其他用途，否则，一切后果均由您自己承担，我们对此不承担任何法律责任
7、如涉及侵犯版权等问题，请您及时通知我们，我们将立即采取措施予以解决
8、联系人Email：admin@iyunv.com 网址：www.yunweiku.com

所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其承担任何法律责任,如涉及侵犯版权等问题,请您及时通知我们,我们将立即处理,联系人Email:kefu@iyunv.com,QQ:1061981298 本贴地址：https://www.yunweiku.com/thread-345120-1-1.html 上篇帖子： nodejs使用（1）安装下篇帖子： ubuntu11.10下安装Nodejs

使用道具举报