小程序中 socket.io 客戶端的簡單用法小記

socket.io

最近公司做一個小程序,需要用到socket.io,但是沒用過,內心慌的一批,只好找各種視頻看,看文檔,才瞭解了簡單的使用,由於做的前端,所以就瞭解的前端的用法。這些也寫給自己以後查看。

	
//創建一個鏈接
const io = require('./yout_path/weapp.socket.io.js') //加載js文件
const socket = io('http://localhost:3000') //鏈接域名

//是否鏈接到服務器
socket.on('connect', () => {
    console.log(socket.connected); // true
});

//是否與服務斷開鏈接
//在連接成功(包括成功重新連接)時觸發。
//socket.on('connect',()=> { // ... });
socket.on('connect', () => {
  console.log(socket.disconnected); // false
});

//鏈接超時觸發
socket.on('connect_timeout', (timeout) => {
    // ...
});
 
//重新嘗試鏈接   錯誤時觸發
socket.on('reconnect_error', (error) => {
    // ...
});

//無法在內部重新鏈接時觸發
socket.on('reconnect_failed', () => {
    // ...
});

//爲給定事件註冊新的處理程序。
//socket.on 接收的一些東西
//news 可以作爲後端通過 socket.emit 發的事件名 ,d 爲發送的數據
socket.on('news', d => {
  console.log('received news: ', d)
})

//socket.emit 發送一些東西   
//news 爲事件名  後邊是你要發送的數據
socket.emit('news', { title: 'this is a news' })

socket.close() //關閉鏈接

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章