准备：
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
分享到：
相关推荐
nodejs实现websocket服务与html+js聊天通信示例 1.先装一个nodeJs的模块，叫nodejs-websocket . 2.直接在nodeJs命令行中敲入：npm install nodejs-websocket回车就可以安装好了. 3.开始建立服务器了，因为有了nodejs...
一个煎蛋的基于html5的canvas实时在线画布
NodeJs+HTML5+Web Socket实现五子棋小游戏 1.npm install 2. nodemon/node index.js 问题解决方法：因为将node_modules一起上传了，大家如果不能启动可以删掉node_modules，然后在npm install就ok了。
通过nodejs + ws (Websocket) 实现点对点发送及群聊发送 项目搭建直接跳过，这里列举一下用到的插件 yarn add ws WebSocket 话不多说，直接上码 对比上一篇文章 << Nodejs>> server.js 主要是增加了ws的引用， ...
nodejs nodejs-websocket在线实时画布 一个煎蛋的基于html5的canvas实时在线画布，按住鼠标就开始画图了，想怎么画都可以，写字、绘图、几何图形都可以，代码效果截图如图所示。
html5 websocket+nodejs测试代码 iostat压缩包.
一、是什么？ 简单的说 Node.js 就是运行在服务端的 JavaScript。 Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。...
包内的ws.js文件放到node下运行，如果需要包则 npm install 安装此包即可，运行成功ws.js之后打开两个网页文件。最好是两个浏览器（chrome），这样效果更明显。
聊天网络套接字在NodeJS中使用websocket进行简单的实时聊天。
Node.js Websocket中的简单广播聊天将Websockets与node.js结合使用的简单示例安装和运行克隆此存储库使用npm install安装依赖项。 运行服务器： node .\src\server\server.js 。贡献叉它创建功能分支（ git checkout...
node+websocket入门实例,在谷歌测试成功。 1) 安装nodejs。 2) 执行cmd进入命令窗口，cd websocketdemo目录。 3) node server.js 4) 双击client.html显示页面。 5）输入信息，点击send。
nodejs-websocket 即时通信 服务端 index.js是支持ws通信的代码（服务端代码），监听3000端口（此端口在客户端脚本要使用，可以用ip:3000访问） 客户端 index.html是聊天室的html静态页面 client.js是客户端连接ws...
WebSocket是HTML5开始提供的一种浏览器与服务器间进行全双工通讯的网络技术。在WebSocket API中，浏览器和服务器只需要要做一个...在我写这篇文章里：基于html5和nodejs相结合实现websocket即使通讯，里面主要是借助
1.最近新学习websocket。...var ws=require(nodejs-websocket); console.log(开始建立连接...); var str1=null,str2=null, clientReady=false,serverReady=false; var server=ws.createServer(function(conn){
nodejs平台使用websocket实现多人聊天功能，包括html、css，js文件
本源码项目是基于NodeJs和Vue的WebSocket网络聊天室设计，包含41个文件，主要使用JavaScript、Vue和HTML编程语言。该项目实现了基于websocket网络协议的网络聊天室，提供了实时通信的功能。系统界面友好，易于操作，...
【作品名称】：基于ffmpeg树莓派实时监控(stearm -> ffmpeg -> nodejs -> websocket -> html) 【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期...
本文属于nodejs+websocket实时聊天系统的改进版本，具体内容如下 自己也是真的菜，一个websocket简单聊天系统硬被我搞了那么些天。 看来以后还是得写更多的代码。 client.html: <!DOCTYPE html> <html lang=...
#nodejs websocket# 这是一个nodejs web socket框架的实现，举个很简单的例子。 ＃＃安装＃＃ npm 安装节点-websocket ＃＃用法＃＃ 光盘。 节点 server_demo.js 请阅读 index.html 或 server.js。 ＃＃执照...
WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSocket API 中，浏览器和服务器只...