js生成小程序某页面二维码(生成小程序二维码)

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_41473887/article/details/81335977

 

时候会有业务需求生成某页面的小程序二维码,进入指定页面

效果图:

首先要获取access_token;

下面是链接

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

红色字体需要用户自己根据信息填充。

请求成功返回的结果是下面这种形式的


//注意:以下参数值不可以直接复制粘贴使用,需要自己根据上面的链接+参数获取使用
{
  "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({
//注意:下面的access_token值可以不可以直接复制使用,需要自己请求获取
      url: 'https://api.weixin.qq.com/wxa/getwxacodeunlimit?access_token=AbgEb2z0il9eIsqn6pWJTmSkvTcJhtb1As3_e049Qv_iFnVw8TXKEa2N8nn3GBKJbQaJ9G2ae5At4Cirphd8HFaduGvMU14UpuWjJz6X0i74I8-',
      data: {
        scene: '000',
        page: "pages/index/index"  //这里按照需求设置值和参数   
      },
      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>

注意:对于没有发布的小程序page参数要设置为空,不然会导致二维码生成失败,在发布前按需改回来就好

 

展开阅读全文

没有更多推荐了,返回首页