小程序中生成二维码,生成二维码

 

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

效果图：

首先要获取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参数要设置为空，不然会导致二维码生成失败，在发布前按需改回来就好