第一步：获取ACCESS_TOKEN
为了安全性考虑这一步是由后台获取
wx.request({ url: ‘https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=AppSecret‘, method: ‘get‘, header: { ‘content-type‘: ‘application/json‘ // 默认值 }, success:(res)=> { console.log(res.data.access_token); } })
取到access_toke后再向微信请求获取二维码
第二步：获取小程序二维码并渲染:
这一步为了方便我在前台获取了
let that = this wx.request({ url: ‘https://api.weixin.qq.com/cgi-bin/wxaapp/createwxaqrcode?access_token=‘+res.data.access_token, method: ‘POST‘, header: { ‘content-type‘: ‘application/json‘ // 默认值 }, data:{ ‘path‘: "/page/index/index?openid=11", // 携参数openid "width":100//非必填 }, responseType: ‘arraybuffer‘, // arraybuffer是以数组的语法处理二进制数据，称为二进制数组。 success: function(res) { let data = wx.arrayBufferToBase64(res.data); console.log(‘data:image/png;base64,‘ +data); that.setData({ myCode: ‘data:image/png;base64,‘ +data }) } })
最后把myCode渲染到页面就可以了
<image src="{{myCode}}"></image>
