小程序 WebSocket

  • wx.sendSocketMessage
    通过 WebSocket 连接发送数据。需要先 wx.connectSocket,并在 wx.onSocketOpen 回调之后才能发送。
  • onSocketOpen
    监听 WebSocket 连接打开事件
  • onSocketMessage
    监听 WebSocket 接受到服务器的消息事件
  • onSocketError
    监听 WebSocket 错误事件
  • onSocketClose
    监听 WebSocket 连接关闭事件
  • connectSocket
    创建一个 WebSocket 连接
  • closeSocket
    关闭 WebSocket 连接

使用 WebSocket 收发消息

创建服务器,开启服务

let Ws = require("ws").Server;  //引入ws
let wss = new Ws({
    port:8282       //端口号
});
// 监听是否有链接,接入
wss.on("connection",function(wst){// connection可以多端口链接 谁链传过来参数表示是 谁
    console.log("有链接进来")  //输出测试
    wst.on("message",res=>{  //链接成功 res接收前端传递的值
        console.log(res)
        //谁链进来 给谁 发送消息
        wst.send(JSON.stringify({name:"张三"}))
    })
})

点击按钮发送消息

<button bindtap="sendMessage">点击发送消息</button>
Page({
  // 点击按钮发送消息
  sendMessage(){
    wx.sendSocketMessage({ //
      data: "发送数据....",
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) { //页面以加载  就创建连接
    // 创建一个ws的连接
    wx.connectSocket({
      url: 'ws://192.168.43.183:8282', //这里查看计算机网络地址
    })
    // 监听是否连接     
    wx.onSocketOpen((result) => {
        console.log("连接成功")
    })
    // 监听收到的消息
    wx.onSocketMessage((result) => {
        console.log(result) //输出 {name:"张三"}
    })
  }, 
 })
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章