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

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' });// 參數一：發送消息的socket名，參數二: 發送的數據

 

使用 on() 接受服務端傳來的消息

socket.on('connect',(res)=>{    // 參數一：接受消息的socket名，參數二：返回的信息 function 
 console.log(res) });

 

使用 disconnect() 客戶端主動與服務端斷開連接

socket.disconnect(); // 斷開 socket 連接