码迷,mamicode.com
首页 > 微信 > 详细

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

时间:2020-10-19 23:01:23      阅读:47      评论:0      收藏:0      [点我收藏+]

标签:UNC   color   head   生成   tps   code   pid   open   str   

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

 

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

标签:UNC   color   head   生成   tps   code   pid   open   str   

原文地址:https://www.cnblogs.com/wxy-developer/p/13841937.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!