微信小程序——支付结果查询

支付结果查询的方法：（没有使用小程序支付方法） 1. 定时器查询（轮询）setInterval+clearInterval

clearInterval：支付完成/失败, （不在查询页面的时候）onUnload、

2. webSocke连接

HTTP协议：一种无状态，无连接的，单向运用协议。

webSocke：html5提供的一种在单个TCP（传输控制协议）连接上进行的全双向通行的协议。

webSocket就是因为HTTP 协议无法实现服务器主动向客户端发起消息，虽然可以定时器，但是效率低，非常浪费资源，还要不停的连接产生的。

-----------http图解：

-----------webSocket图解：

小程序webSocket的运用实例：代码实例借鉴

<!--index.wxml-->
<view class="container">
  <view bindtap="bindViewTap" class="userinfo">
    <image class="userinfo-avatar" src="{
         
  {userInfo.avatarUrl}}" background-size="cover"></image>
    <text class="userinfo-nickname">{
         
  {userInfo.nickName}}</text>
  </view>
  <view class="voice">
    <button type="primary" size="default" hover-class="button-hover" class="button-voice-play" bindtap="socketBtnTap">{
         
  {socktBtnTitle}}</button>
    <button type="primary" size="default" hover-class="button-hover" class="button-voice-play" bindtap="sendMessageBtnTap">发送</button>
  </view>
</view>

连接socket 按钮绑定 socketBtnTap() 发送按钮 绑定 sendMessageBtnTap()

首先定义了

var socketOpen = false
var socketMsgQueue = []

点击“连接socket ”按钮触发socketBtnTap()函数

socketOpen为true，wx.connectSocket建立连接

wx.onSocketOpen监听webSocket，首次连接的时候socketMsgQueue数组是空，for循环不执行

wx.onSocketOpen(function (res) {
        console.log(WebSocket连接已打开！)
        wx.hideToast()
        that.setData({
          socktBtnTitle: 断开socket
        })
        socketOpen = true
        for (var i = 0; i < socketMsgQueue.length; i++) {
          that.sendSocketMessage(socketMsgQueue[i])
        }
        socketMsgQueue = []
      })

然后点击“发送”按钮，调用sendMessageBtnTap()函数，然后for循环就可以执行

sendSocketMessage: function (msg) {
    if (socketOpen) {
      //通过 WebSocket 连接发送数据，需要先 wx.connectSocket，并在 wx.onSocketOpen 回调之后才能发送。
      wx.sendSocketMessage({
        data: msg
      })
    } else {
      socketMsgQueue.push(msg)
    }
  },
  sendMessageBtnTap: function () {
    this.sendSocketMessage(小程序来了)
  }

3. MQ（rabbitmq）当时做技术评审的时候没有使用这个，因为小程序不支持

我的理解原理大概是这样子

参考：