小程序生成个人二维码(扫二维码可以进入小程序,也可以携带此人得某些信息)

第一步:获取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>

 

posted @ 2020-10-19 18:34  代码是我蓝朋友  阅读(2051)  评论(7编辑  收藏  举报