WebSocket的实现和应用

WebSocket 是一种基于 TCP 协议的全双工通信协议，是 HTML5 开始提供的一种浏览器与服务器间进行实时、双向通讯的功能。

实现：

在客户端， WebSocket 与 HTTP、HTTPS 共享相同的端口（80 和 443），因此，不需要特别开放防火墙的端口。

在服务器端，使用 WebSocket 协议需要开发人员针对该协议实现相关的服务程序，在传输层建立服务端和客户端的 WebSocket 连接，实现数据的实时传输。

应用：

游戏：WebSocket 可以实时收发游戏状态数据，然后基于该状态数据进行游戏状态更新和实时动画效果展示等。
在线直播：音视频实时传输，双向实时通讯，有强大的支持互动体验，带宽利用率高的优势，广泛应用于在线直播平台。
实时消息推送：应用于在线客服系统，即时消息、公告推送等特性。

总的来说，WebSocket 拥有实时性好、可靠性高、传输效率高等优点，因此适合用于需要实时通讯或者高并发通讯的应用场景，并且相对于实时通信技术的其他方案，如 AJAX、Comet等具有更好的效能和易用性。

实例：

首先安装 ws 库：

npm install ws

创建 server.js 文件：

var WebSocketServer = require('ws').Server;
var wss = new WebSocketServer({ port: 8080 });

wss.on('connection', function connection(ws) {
  ws.on('message', function incoming(message) {
    console.log('收到消息： %s', message);
    wss.clients.forEach(function each(client) {
      if (client.readyState === WebSocket.OPEN) {
        client.send(message);
      }
    });
  });

  console.log('连接建立成功');
});

创建 index.html 文件：

<!DOCTYPE html>
<html>
<head>
  <meta charset = "UTF-8" />
  <title>WebSocket Example</title>
  <script type = "text/javascript">
    function WebSocketTest() {
      if ("WebSocket" in window) {
 
         // 首先建立一个 WebSocket 连接
         var ws = new WebSocket("ws://localhost:8080");
			
         // 当连接建立成功时，打印消息
         ws.onopen = function() {
            alert("连接成功");
         };
			
         // 收到消息时，打印在网页上
         ws.onmessage = function (evt) { 
            var received_msg = evt.data;
            var messageBoard = document.getElementById("messageBoard");
            messageBoard.innerHTML += "<p>" + received_msg + "</p>";
         };
			
         // 关闭连接时，打印消息
         ws.onclose = function() { 
            alert("已经断开连接"); 
         };
			
      } else {
         // 对不支持 WebSocket 的浏览器给用户提示
         alert("您的浏览器不支持 WebSocket");
      }
   }
   </script>
</head>
<body>
   <div id="messageBoard"></div>
   <input type="text" id="message" name="message"/>
   <button type="button" onclick="send()">发送</button>
</body>
</html>

运行 server.js 文件，并通过浏览器打开 index.html 文件，在浏览器中输入消息（即“message”输入框中的文本），并点击“发送”按钮，可以实时在网页上看到消息的广播效果。

以上是一个简单的使用 Node.js 实现即时聊天室的例子，可以让你快速了解 WebSocket 的工作原理和应用场景。