码迷,mamicode.com
首页 > 微信 > 详细

微信小程序-WebSocket应用

时间:2018-07-06 16:39:14      阅读:281      评论:0      收藏:0      [点我收藏+]

标签:建立连接   方法   socket应用   function   最大   微信   ebs   ESS   option   

 

为何有 HTTP 协议还需要 WebSocket ?

  Http协议 有个缺陷:通信只能由客户端发起。举例来说,我们想了解今天的天气,只能是客户端向服务器发出请求,服务器返回查询结果。HTTP 协议做不到服务器主动向客户端推送信息。(单向请求)注定了如果服务器有连续的状态变化,客户端要获知就非常麻烦。我们只能使用"轮询":每隔一段时候,就发出一个询问,了解服务器有没有新的信息。最典型的场景就是聊天室。轮询的效率低,非常浪费资源(因为必须不停连接,或者 HTTP 连接始终打开)。因此,工程师们一直在思考,有没有更好的方法。WebSocket 就是这样发明的。

WebSocket  最大特点:

服务器可以主动向客户端推送信息,客户端也可以主动向服务器发送信息,是真正的双向平等对话,属于服务器推送技术的一种。

 

微信小程序中的应用:

 

1、页面加载时,建立连接,

onLoad: function (option) {

    wx.connectSocket({
      url: ‘‘ ,  //此处开发者服务器接口地址
    })
}

  

2、监听 WebSocket 接收到服务器的信息 : onSocketMessage() 

onLoad: function (option) {

    wx.connectSocket({
      url: ‘‘ ,  //此处开发者服务器接口地址
    })

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


}

  

3、在发送事件中,wx.sendSocketMessage(OBJECT)

send: function (){
    wx.sendSocketMessage({
      data: JSON.stringify(
        {
          "type": "message",
          "data": { "touser": _This.data.reUnionid, "content": sendValue }
        }),
      success: function (e) {
        console.log(e)
      },
      fail: function (e) {
        console.log(e)
      },
      complete: function (e) {
        console.log(e)
      }
    }
}

  

 

微信小程序-WebSocket应用

标签:建立连接   方法   socket应用   function   最大   微信   ebs   ESS   option   

原文地址:https://www.cnblogs.com/zhangym118/p/9274231.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!