如何生成带参数的小程序码?

您所在的位置:网站首页 二维码可以放大缩小吗 如何生成带参数的小程序码?

如何生成带参数的小程序码?

2024-04-12 01:43| 来源: 网络整理| 查看: 265

首先要看什么需求带的这个问题?

今天在实现一个需求:分享小程序码到朋友圈,然后有人扫码完成助力,也就是相当于拉新

具体交互截图如下所示

这里就要涉及到,该小程序码是谁生成的,小程序码要带生成者的openid信息,涉及到生成带参数的小程序码的api

https://developers.weixin.qq.com/miniprogram/dev/api-backend/open-api/qr-code/wxacode.getUnlimited.html

获取小程序码,适用于需要的码数量极多的业务场景。通过该接口生成的小程序码,永久有效,数量暂无限制。 更多用法详见 获取二维码。

调用方式:

HTTPS 调用云调用

由于本次在云开发中使用,本文章代码用云调用方式实现,

创建一个云函数qrcode

const cloud = require('wx-server-sdk') cloud.init() exports.main = async (event, context) => { try { const result = await cloud.openapi.wxacode.getUnlimited({ scene: event.userInfo.openId }) console.log(result) return await cloud.uploadFile({ cloudPath: 'qrcode/' + event.userInfo.openId +'.png', fileContent: result.buffer, //二进制数据 success: res => { // 返回文件 ID console.log(res.fileID) }, fail: console.error }) } catch (err) { console.log(err) return err } }

占位

onGetQrcode: function() { let that = this; // 调用云函数 wx.cloud.callFunction({ name: 'qrcode', data: {}, success: res => { console.log('[云函数] [qrcode]: ', res) }, fail: err => { console.error('[云函数] [qrcode] 调用失败', err) wx.navigateTo({ url: '../deployFunctions/deployFunctions', }) } }) }

占位

占位

生成带参数的二维码之后,便可以在业务代码完成具体的逻辑。本文不往下阐述



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3