小程式如何發紅包

Jon-Millent發表於2018-09-09
小程式如何發紅包

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

產品：我想要小程式發紅包這個功能
程式設計師：目前不支援啊
產品：我不管！
程式設計師：做不到啊，這。。。
產品：我不管！我不管！你們程式設計師都是大豬蹄子！哼(￢︿̫̿￢☆)
程式設計師：我。。。TM，一櫻桃MX BAORD機械鍵盤砸死你

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

c1c9222bc38d90488d68e69edd57ed5

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

c1c9222bc38d90488d68e69edd57ed5

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

  • 首先是在小程式裡面的領紅包入口
  • 點選後跳轉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',
        // })
      }
    })

複製程式碼

歡迎關注個人微信公眾號，推送更多幹貨

wechat

github

github.com/Jon-Millent

相關文章