HTML5-WebSocket-初探

1.环境准备

主要是用《HTML5 程序设计》（第二版）作为学习参考资料。但是上面用的WebSocket服务器是用python写的。偶不懂python，于是得找另外一个替代实现，这里适用node.js的ws模块。

相关资料有：WebSocket协议，node.js入门。

这里特别说明一下node.js的调试方法。目前比较好的方式是适用inspector的方式。

首先安装node-inspector，运行命令npm install -g node-inspector，参数g没验证过是否必须，应该是全局的意思，就是说运行它不用进入它的目录。

打开一个命令行窗口，运行node-inspector [WebSocket.js]。

这个访问地址非常坑爹，才不是访问0.0.0.0，而是127.0.0.0

接着打开另一个命令行窗口，用如下方式运行需要调试的js文件：node --debug-brk WebSocket.js

打开浏览器，输入http://127.0.0.1:8080/debug?port=5858，然后就可以看到调试界面

用另外一个页签打开客户端网页。

2.简单例子

 var WebSocketServer = require('ws').Server
   , wss = new WebSocketServer({port: 8888});
 wss.on('connection', function(ws) {
     ws.on('message', function(message) {
         console.log('received: %s', message);
     });
     ws.send('something');
 });

服务端WebSocket.js

 <script>
 var wsServer = 'ws://localhost:8888/';

 var websocket = new WebSocket(wsServer);
 websocket.onopen = function(e){
 websocket.send('ws opened');
 };
 websocket.onmessage = function(e){
 console.log(e);
 };
 </script>

客户端WebSocket.html

参考自官网，ws模块的文档。