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

Posted 2021-02-20 Sanyekui

websocket

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 连接