uni-app 微信小程序 生成二维码链接 动态参数

2022/6/4 1:22:27

本文主要是介绍uni-app 微信小程序 生成二维码链接 动态参数,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

文档地址

「auth.getAccessToken」 https://developers.weixin.qq.com/miniprogram/dev/api-backend/open-api/access-token/auth.getAccessToken.html   「wxacode.getUnlimited」 https://developers.weixin.qq.com/miniprogram/dev/api-backend/open-api/qr-code/wxacode.getUnlimited.html   「第三方教程」 https://www.aliyue.net/10291.html  

实战步骤

第一步:获取 access_token  
GET https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=${appid}&secret=${secret}

 

第二步:获取小程序码(永久有效,数量暂无限制)  
POST https://api.weixin.qq.com/wxa/getwxacodeunlimit?access_token=ACCESS_TOKEN

 

示例代码

getWxCode() {
    // 业务参数(任务id + 企业id)—— 这两个参数应该由前端传给后端
    let scene= 'taskId=7lG9H99UW&companyId=100316100'

    // loading
    uni.showLoading({ title: '加载中', mask: true })

    // 请求微信接口(这一步应该让后端来做,因为后端顺便需要存储二维码图片。)
    uni.request({
        url: `https://api.weixin.qq.com/wxa/getwxacodeunlimit?access_token=${ACCESS_TOKEN}`,
        method: "POST",
        // 数据格式为arraybuffer
        responseType: 'arraybuffer',
        data: {
            // 业务参数(任务id + 企业id)
            scene: scene,
            // 小程序的页面
            page: 'pages/index/index'
        },
        success: function(res) {
            uni.hideLoading()
            let src = wx.arrayBufferToBase64(res.data)
            const base64 = 'data:image/png;base64,' + src
            console.log(base64)
        }
    })
},
// 小程序如何获取扫码的参数?
onLoad: function (options) {
    let scene = decodeURIComponent(options.scene)
    console.log(scene)
},

 



这篇关于uni-app 微信小程序 生成二维码链接 动态参数的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程