1. 程式人生 > >js生成小程式某頁面二維碼(生成小程式二維碼)

js生成小程式某頁面二維碼(生成小程式二維碼)

時候會有業務需求生成某頁面的小程式二維碼,進入指定頁面

效果圖:

首先要獲取access_token;

下面是連結

紅色字型需要使用者自己根據資訊填充。

請求成功返回的結果是下面這種形式的

{
  "access_token": "12_fbGiPb3QuOW9M6n-Abg0ik4My2NocTJZZiAIAEUU",
  "expires_in": 7200
}

expires_in:是一個有效期;

獲取完access_token,下面開始正式我們的請求:

index.js:

//index.js
//獲取應用例項
const app = getApp()

Page({
  data: {
  },
  onLoad: function (options) {
    var that = this;
    var scene = decodeURIComponent(options.scene)

    // 生成頁面的二維碼
    wx.request({
      url: 'https://api.weixin.qq.com/wxa/getwxacodeunlimit?access_token=AbgEb2z0il9eIsqn6pWJTmSkvTcJhtb1As3_e049Qv_iFnVw8TXKEa2N8nn3GBKJbQaJ9G2ae5At4Cirphd8HFaduGvMU14UpuWjJz6X0i74I8-',
      data: {
        scene: '000',
        page: "pages/ketang/group/group"
      },
      method: "POST",
      responseType: 'arraybuffer',  //設定響應型別
      success(res) {
        console.log(res)
        var src2 = wx.arrayBufferToBase64(res.data);  //對資料進行轉換操作
        that.setData({
          src2
        })
      },
      fail(e) {
        console.log(e)
      }
    })


  },

})

index.wxml

<view>
   <view class='img'>
    <image src='data:image/png;base64,{{src2}}'></image>
   </view>
</view>