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

 

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

效果圖:api

首先要獲取access_token;app

下面是連接字體

https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=祕鑰this

紅色字體須要用戶本身根據信息填充。url

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

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

expires_in:是一個有效期;3d

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

 

index.js:xml

//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>
相關文章
相關標籤/搜索