如何用微信小程式發紅包-js教程-PHP中文網

如何用微信小程式發紅包

yulia

發布： 2018-09-10 15:11:02

原創

6503 人瀏覽過

在目前的小程式版本尚不支援發紅包這個功能，開發者們表面笑嘻嘻，心裡媽賣批！在這裡，提供一種已經實踐過的解決思路。

詳細解析，就是下面的幾個步驟

1、首先是在小程式裡面的領紅包入口
2、點擊後跳轉webview，附帶當前的小程式的token給webview驗證，webview 的src 指向具備付款能力的服務號的一個獲取openid頁面，根據附加的token來判斷用戶是否可以領取紅包，此時用戶擁有兩個openid，一個是相對於小程式的openid，一個是相對於服務號碼的用來發紅包的openid，如下面偽代碼

// 伪代码
    weixinApi.angerPay.sendRedPacket({
      total_num: 1,
      mch_billno: &#39;1000000&#39;,
      send_name: &#39;测试标题&#39;,
      re_openid: &#39;xaxadsadas&#39;, // 获取到的openid
      total_amount: 100,
      wishing: &#39;恭喜发财，大吉大利&#39;,
      act_name: &#39;扫码领红包&#39;,
      remark: &#39;备注信息&#39;,
      client_ip: &#39;127.0.0.1&#39;,
      scene_id: &#39;PRODUCT_2&#39;
      }, (err, result) => {
      console.log(err, result)
  });

登入後複製

3、回傳領取結果

############# #注意事項#########1、跳轉的webview的src要加入到小程式業務網域###2、連結必須是https 協定的#########未來的接口#########在不久的將來，會開放一個發紅包的接口，就是wx.sendBizRedPacket，用法實例。 ###

   wx.sendBizRedPacket({
      timeStamp: e.timeStamp,
      nonceStr: e.nonceStr,
      package: e.package,
      signType: e.signType,
      paySign: e.paySign,
      success: function (res) {
        console.log(&#39;红包success&#39;)
        let url = config.HTTP_Prize_URL + &#39;/v1/sign_tmp/sendSuccess.do&#39;;
        let data = {
          minipid: that.data.minipid,
          date: that.data.date
        }
        console.log(&#39;红包成功以后接口请求参数数据:&#39; + JSON.stringify(data))
        util.request(url, &#39;post&#39;, data, &#39;正在加载数据&#39;, function (res) {
          console.log(&#39;红包成功以后接口返回结果:&#39; + JSON.stringify(res.data))
        })
        wx.reLaunch({
          url: &#39;../my_prize/my_prize_2?reward=&#39; + res.data.body.reward,
        })
      },
      fail: function (res) {
        console.log(&#39;红包fail&#39;)
      },
      complete: function (res) {
        console.log(&#39;红包complete&#39;)
        // wx.showModal({
        //   title: &#39;红包complete&#39;,
        //   content: &#39;红包complete&#39;,
        // })
      }
    })

登入後複製

以上是如何用微信小程式發紅包的詳細內容。更多資訊請關注PHP中文網其他相關文章！