小程序如何發紅包

咳咳，直入主題。敲黑板，請看下面一段對話。

產品：我想要小程序發紅包這個功能
程序員：目前不支持啊
產品：我無論！
程序員：作不到啊，這。。。
產品：我無論！我無論！大家程序員都是大豬蹄子！哼(￢︿̫̿￢☆)
程序員：我。。。TM，一櫻桃MX BAORD機械鍵盤砸死你

在目前的小程序版本尚不支持發紅包這個功能，開發者們表面笑嘻嘻，內心媽賣批！

在這裏，提供一種已經實踐過的解決思路

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

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

  // 僞代碼
      weixinApi.angerPay.sendRedPacket({
        total_num: 1,
        mch_billno: '1000000',
        send_name: '測試標題',
        re_openid: 'xaxadsadas', // 獲取到的openid
        total_amount: 100,
        wishing: '恭喜發財，大吉大利',
        act_name: '掃碼領紅包',
        remark: '備註信息',
        client_ip: '127.0.0.1',
        scene_id: 'PRODUCT_2'
        }, (err, result) => {
        console.log(err, result)
    });
  複製代碼

• 返回領取結果

注意事項

• 跳轉的webview的src要添加到小程序業務域名
• 連接必須是 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('紅包success')
        let url = config.HTTP_Prize_URL + '/v1/sign_tmp/sendSuccess.do';
        let data = {
          minipid: that.data.minipid,
          date: that.data.date
        }
        console.log('紅包成功之後接口請求參數數據:' + JSON.stringify(data))
        util.request(url, 'post', data, '正在加載數據', function (res) {
          console.log('紅包成功之後接口返回結果:' + JSON.stringify(res.data))
        })
        wx.reLaunch({
          url: '../my_prize/my_prize_2?reward=' + res.data.body.reward,
        })
      },
      fail: function (res) {
        console.log('紅包fail')
      },
      complete: function (res) {
        console.log('紅包complete')
        // wx.showModal({
        // title: '紅包complete',
        // content: '紅包complete',
        // })
      }
    })

複製代碼

歡迎關注我的微信公衆號，推送更多幹貨

github

github.com/Jon-Millent