JS - H5使用 socket.io - 客户端

时间：2020-05-03 17:50:38 收藏：0 阅读：65

WebSocket 是HTML5新增的一种通信协议，其特点是服务端可以主动向客户端推送信息，客户端也可以主动向服务端发送信息，是真正的双向平等对话，属于服务器推送技术的一种。

Socket.io 提供了基于事件的实时双向通讯

页面中引入 socket.io

<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.0.3/socket.io.js"></script>

建立socket连接：

var socket =  io.connect(‘https://xxxxxx‘, {transports: [‘websocket‘]});

使用 emit() 客户端向服务端发送消息

socket.emit(‘connect‘,{ msg: ‘Hello World‘ });// 参数一：连接名，参数二: 发送的数据

使用 on() 接受服务端传来的消息

socket.on(‘connect‘,(res)=>{    // 参数一：接口名，参数二：返回的信息 function 
       console.log(res)
});

使用 disconnect() 客户端主动与服务端断开连接

socket.disconnect(); // 断开 socket 连接

原文：https://www.cnblogs.com/sanyekui/p/12822536.html