关于微信小程序使用WebSokect

 PS:本人不是什么大神,写文章只是记录一下,如果有误望大神指出!!!

因为工作原因突然需要用到WebSokect进行长连接控制设备,而且是做小程序端的

之前接触的前端一直都是做界面,调用的接口也都是普普通通的http/https,第一次接触长连接。

首先,微信小程序如果要使用WebSokect需要调用官方的API函数

关于微信小程序使用WebSokect_第1张图片

 

 按照官方文档的说明我们可以知道WebSocket 任务,可通过 wx.connectSocket() 接口创建返回

所以我们可以定义一个对象用于接收以及调用

关于微信小程序使用WebSokect_第2张图片

按照指示定义connection的对象

通过wx.connectSocket来创建一个WebSocket的连接

 

    this.connection = wx.connectSocket({
      url: url, //服务器WebSocket地址
      method: "get"
    })

之后我们就可以通过this.connection.XX来调用对应函数

.onOpen 监听连接状态

关于微信小程序使用WebSokect_第3张图片

 .onError 监听连接出错

关于微信小程序使用WebSokect_第4张图片

.onMessage 监听服务器返回的信息

因为我的接收的信息需要处理,所以调用了一个处理的方法

.send 可向服务器发送信息

关于微信小程序使用WebSokect_第5张图片

.close 与服务器断开连接

以及可以通过.onClose 监听与服务器断开的信息

以上就是微信小程序使用WebSokect的方法啦,本篇文章面向和我一样的小白

希望大家可以一起共同进步

 

你可能感兴趣的:(微信小程序,前端,小程序)