小程序中的websocket

1.这里简单的封装下,先在app.js 中声明并初始化以下:

startWebSocket: function () {
      var that = this;
      hat.WebSocketInit()
      wx.onSocketError(function () {
 })
wx.onSocketMessage(function (data_) {
      that.socketOperation(data_)
})
wx.onSocketClose(function (res) {
    that.WebSocketInit()
  })
},

//连接websocket
WebSocketInit: function () {
        wx.connectSocket({
        url: this.data.wws,
        data: {},
        method: 'GET',
        success: function (res) {
        console.log("connectSocket 成功")
    },
    fail: function (res) {
        console.log("connectSocket 失败")
    }
})
wx.onSocketOpen(function () {
// callback
    var mCmd = { "cmd": "connect.Connect", "data": {} }
    wx.sendSocketMessage({
    data: JSON.stringify(mCmd),
    success: function (res) {
    console.log("sendSocketMessage 成功")
},
fail: function (res) {
        console.log("sendSocketMessage 失败")
    }
})

wx.onSocketMessage(function (data) {
      console.log("onSocketMessage ", data)
    })
})

},

2.然后在新建一个辅助js来发送和接收数据:

function sendMessage() {

    var mCmd = { "cmd": "connect.getWlList", "data": { "mdd": "370600" } }
    wx.sendSocketMessage({
          data: JSON.stringify(mCmd),
          success:function(res){
      }
  })

}

function resiverMessage(context) {
    wx.onSocketMessage(function (data) {
    context.onMessage(JSON.parse(data.data)) //这里定义一个onMessage方法,用于每个页面的回调
}) } module.exports = { formatNumber: formatNumber, judge: judge, sendMessage: sendMessage, resiverMessage: resiverMessage }

3.开始使用:

  onMessage: function (res) {
    this.setData({ data: res.data });
    console.log(res);
   
  },
  onLoad: function (options) {
    app.data.util.sendMessage();
    app.data.util.resiverMessage(this)
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,503评论 25 709
  • 写作是一个梯度上升的过程,呈现出螺旋式变化和提高的特点,在写作的过程中,难免会遇到气馁、不想写等写不下去的时候,我...
    漫步者说事阅读 564评论 2 2
  • 你是一月的银驰蜡像,你是二月的白雪皑皑,你是三月的万物苏醒,你是四月的百花齐放 你是五月的欣欣向荣 你是六月的荷 ...
    梦醒江南阅读 439评论 0 3
  • 通过一张图了解流行的个性化推荐算法有哪些优缺点及适用的领域。 我使用脑图的形式整理了现在流行的个性化推荐算法,包括...
    hirainchen阅读 3,707评论 5 18