nodejs之socket.io模块

柔情只为你懂 2021-05-12 11:51 528阅读 0赞

websocket是HTML5的一种新的通信协议，它是实现了浏览器与服务器的双向通讯。在 WebSocket API 中，浏览器和服务器只需要要做一个握手的动作，然后，浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。

socket.IO是一个websocket库，包括了客户端的js和服务器端的nodejs。官方地址：http://socket.io

1、安装socket.io

npm install socket.io

2、创建服务端代码server.js

![复制代码][copycode.gif]

![复制代码][copycode.gif]

3、创建客户端代码 index.html

![复制代码][copycode.gif]

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Ssocket</title>
        <script type="text/javascript" src="http://localhost:8080/socket.io/socket.io.js"></script>     
    </head>
    
    <body>
        <script type="text/javascript">
          var socket = io.connect('http://localhost:8080');     
          socket.on('news', function (data) {    
            alert(data.hello);
            socket.emit('my other event', { my: 'data' });
          });
        </script>
        
    </body>
    </html>

![复制代码][copycode.gif]

4、执行结果

启动服务端：

node  server.js

在浏览器输入 [http://localhost:8080/index.html][http_localhost_8080_index.html]

浏览器打印出： world

命令行打印出：\{ my: 'data' \}

5、更多资料参见官方网站 [http://socket.io/\#how-to-use][http_socket.io_how-to-use]

6、服务端向指定客户端发送消息

思路是客户端与服务端建立连接的时候，服务端保存客户端的信息，做一个socketMap, 在socketMap中取出需要发送消息的客户端，向该客户端发送消息

做一个模拟的简单例子，这里用的是数组：

![复制代码][copycode.gif]

![复制代码][copycode.gif]

参考文章：http://www.cnblogs.com/whoamme/p/3467354.html

[copycode.gif]: /images/20210511/acf2921e26aa48beacbaea3c180e9ce8.png
[http_localhost_8080_index.html]: http://localhost:8080/index.html
[http_socket.io_how-to-use]: http://socket.io/#how-to-use