【微信小程序二维码配置】微信公众平台配置二维码,小程序测试二维码,小程序动态二维码,然后扫码打开对应页面进行操作

操作

微信公众平台地址:微信公众平台

选择 开发管理开发设置扫普通链接二维码打开小程序
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

添加二维码地址

在这里插入图片描述

配置

在这里插入图片描述

配置项

二维码规则: URL 为内含下载校验文件的服务器 URL, 可以加二级,比如我的 https://***/preview, 二级随便写什么都可以
测试链接(选填): 匹配二维码规则地址,后加 *** 参数, 因为我这里需要 vid 所以我就加的是 vid,测试二维码只是给开发人员测试用的,没别的用处,如果需要测试就填,不需要就不填

可以看一下扫描二维码需要什么参数
在这里插入图片描述

生成二维码

可以使用 草料二维码 生成测试二维码查看

在这里插入图片描述

动态二维码生成

前端根据用户的 vid 生成二维码(这里我需要 vid 这个参数,才能访问到页面那个人的数据,这个二维码后面的参数是根据你那个页面需要传递的参数去定义的)

类似于这样

vidname操作
111111点击生成 111 二维码
222222点击生成 222 二维码
333333点击生成 333 二维码

需要有一个生成二维码的插件
就会根据列的 vid 自动生成链接为 https://***?vid=*** 的二维码,使用微信扫一扫即可进入小程序对应页面

### 如何在 UniApp 中生成微信小程序普通链接二维码 #### 准备工作 为了能够成功生成适用于 UniApp 的微信小程序普通链接二维码,需先完成必要的准备工作: 登录微信公众平台并开启普通链接二维码打开小程序的功能。这一步骤确保后续生成的二维码可以被正常识别和解析[^3]。 #### 实现步骤 ##### 添加配置信息 进入微信公众平台后台,在相应位置点击添加按钮来创建新的二维码记录,并按照指引填写必要字段以完成配置过程。 ##### 获取二维码接口调用凭证 利用微信公众平台提供的 API 接口 `getUnlimitedQRCode` 来请求获取不带参数限制的小程序图片流。该方法允许开发者传入自定义路径以及其他可选参数用于指定最终呈现形式[^2]。 ```javascript // 示例代片段展示如何发起 HTTP 请求获得二维码图像资源 const axios = require('axios'); async function getQrCode() { const response = await axios({ method: 'POST', url: 'https://api.weixin.qq.com/wxa/getunilink?access_token=ACCESS_TOKEN', // 替换为实际 access token data: JSON.stringify({ page: "pages/index", query: { id: 1 }, width: 430 }) }); console.log(response.data); } ``` 请注意上述 URL 中的 `ACCESS_TOKEN` 参数需要替换成为有效的访问令牌字符串;而 `page`, `query` 和 `width` 则可根据具体需求调整设置。 ##### 页面逻辑处理 当用户通过二维码启动应用时,可以在页面加载事件钩子函数内捕获传递过来的数据项以便进一步操作或显示个性化内容。 ```javascript export default { onLoad(options) { console.log(options); // 输出携带的信息对象 } }; ``` 以上即是在 UniApp 环境下实现微信小程序普通链接二维码生成功能的主要流程和技术要点说明。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

符韬OvO

你真是个富哥

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值