准备：
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+nodejs-websocket在线实时画布"项目是一个结合了Node.js、WebSocket和HTML5 Canvas技术的实时互动应用，通过WebSocket实现实时通信，使用户能够在任何地方共享和协作创作。这种技术的应用广泛，...
nodejs实现websocket服务与html+js聊天通信示例 1.先装一个nodeJs的模块，叫nodejs-websocket . 2.直接在nodeJs命令行中敲入：npm install nodejs-websocket回车就可以安装好了. 3.开始建立服务器了，因为有了nodejs...
`socket.io`库是Node.js中用于创建实时应用的重要工具，它兼容WebSocket协议，并在WebSocket不适用或不可用时提供回退机制。WebSocket是一种在客户端和服务器之间建立持久连接的协议，使得双向通信成为可能，这对于...
总结来说，Node.js配合nodejs-websocket模块可以方便地实现一个支持点对点实时通信的应用程序。通过上述步骤的讲解，可以看出实现一个基于websocket的实时通信系统，包括服务器端和客户端的开发，都是比较直观和易于...
WebSocket是一种在浏览器和服务器之间建立长连接的协议，使得双向通信成为可能，非常适合实时聊天应用。 首先，安装WebSocket库`ws`。在项目根目录下，通过`yarn add ws`命令进行安装。 在`server.js`文件中，我们...
NodeJs+HTML5+Web Socket实现五子棋小游戏 1.npm install 2. nodemon/node index.js 问题解决方法：因为将node_modules一起上传了，大家如果不能启动可以删掉node_modules，然后在npm install就ok了。
WebSocket是Web交互技术的一种，它允许服务器和客户端之间进行全双工、低延迟的通信，极大地提升了实时性。Node.js，作为一个轻量级且高效的JavaScript运行环境，是实现WebSocket服务的理想选择。本案例将深入探讨...
WebSocket是Web应用中实现双向通信的关键技术，它允许服务器与客户端之间建立长连接，进行实时数据交换。在本文中，我们将深入探讨如何使用Node.js来实现WebSocket实例。 首先，我们需要安装`ws`库，它是Node.js中...
【Node.js实现WebSocket代码实例详解】 Node.js是一个基于Chrome V8引擎的JavaScript运行环境，...同时，也展示了如何开启WebSocket服务器，进行实时双向通信。这为构建实时交互的应用，如聊天室、游戏等奠定了基础。
WebSocket是Web应用中实现双向通信的一种技术，它允许服务器与客户端之间进行实时、低延迟的数据交换，极大地提升了网络应用的交互性。Node.js作为一个轻量级、高效的JavaScript运行环境，非常适合用于构建WebSocket...
这个"nodejs&websocket简易聊天demo"展示了如何利用Node.js和WebSocket构建一个实时的聊天应用，对于初学者来说，这是一个很好的实践项目，有助于理解这两个技术的结合及其在实时通信中的应用。通过深入学习和扩展，...
这个"html5 websocket+nodejs测试代码"压缩包中的"iostat"可能是一个用于监控系统I/O性能的工具，通常在服务器端使用，以便于分析系统的磁盘读写性能。在WebSocket应用中，如果服务器需要向客户端推送大量数据，如...
WebSocket API是HTML5的一部分，它提供了一种在浏览器和服务器之间建立持久连接的方式，从而可以实现实时通信。与传统的HTTP不同，WebSocket协议在建立连接后，不再需要为每个请求/响应交换头信息，显著减少了延迟。...
【描述】中的项目是一个基于Node.js和WebSocket技术的实时在线画布应用，利用HTML5的Canvas元素来实现用户交互的绘画功能。这个应用允许用户通过鼠标进行自由绘图，包括写字、绘制图形以及创建几何形状。它提供了...
WebSocket是一种在客户端和服务器之间建立持久连接的协议，它允许双方进行全双工通信，即数据可以在两个方向上同时传输，极大地提高了实时性。在Web应用程序中，WebSocket为实现低延迟、高效率的实时交互提供了可能...
WebSocket协议则是一种在客户端和服务器之间建立长连接的协议，提供全双工通信，使得数据能够双向流动，特别适用于实时聊天应用。结合这两个技术，我们可以创建一个简单的多人聊天系统。 首先，我们需要了解...
一、是什么？ 简单的说 Node.js 就是运行在服务端的 JavaScript。 Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。...
WebSocket是Web应用中实现双向通信的关键技术，它允许服务器与客户端之间进行实时、低延迟的数据交换。在Node.js环境中，WebSocket的实现主要依赖于第三方库，如`ws`。本实例将详细介绍如何在Node.js中使用`ws`库来...
Node.js Websocket中的简单广播聊天将Websockets与node.js结合使用的简单示例安装和运行克隆此存储库使用npm install安装依赖项。 运行服务器： node .\src\server\server.js 。贡献叉它创建功能分支（ git checkout...