王海鱼 发表于 2025-4-17 15:17:38

扫普通链接二维码打开小程序 动态匹配参数

扫普通链接二维码打开小程序 动态匹配参数

   背景:
为了提高活动预约服从,公司希望通过微信小程序,让用户扫描二维码提前预约活动,制止现场排队。
具体流程如下:后台管理系统自动生成包含活动ID、活动名称等参数的二维码,用户扫描二维码后,能够跳转到小程序的活动预约页面。
【核心点:二维码中 要动态传递多个参数】
相干文档链接:扫码打开小程序接入指南
功能形貌


[*]用户通过微信扫一扫扫描活动预约二维码,小程序将自动弹出并跳转到“XXX活动预约”页面。
[*]剖析二维码中的参数(如活动ID、活动名称),并将活动名称作为页面标题。用户在预约页面填写信息时,活动ID和活动名称将与其他用户输入的数据一同传递到后台,完成活动预约。
操作步调

1.到 微信公众平台 对 扫普通链接二维码打开小程序 功能举行设置

   微信公众平台 (qq.com)
首先按照官方文档我们先做好设置工作,设置流程如下:小程序后台设置 ---> 开辟管理 ---> 开辟设置 ---> 扫普通链接二维码打开小程序
https://i-blog.csdnimg.cn/direct/0c25f257f325449f9769deefe27c5a3b.png#pic_center
   注意
https://i-blog.csdnimg.cn/direct/89419d846372440f8b05c53bc8f1ad51.png#pic_center
2.填写设置项



[*]线上版本的二维码设置中,二维码规则和校验文件两项的设置需要后端共同。(不消填写“测试链接”)
[*]测试时,二维码规则可以自定义,校验文件不消管,但是测试链接一定要填写,测试范围选择体验版,如许的话,用微信扫描测试链接的二维码,就可以跳转到体验版小程序。
https://i-blog.csdnimg.cn/direct/9190c3904a06458eaf2b9589c1753e97.png#pic_center
3.创建参数二维码



[*]测试时,可以去草料网根据上一步中填写的测试链接生成二维码。
4.小程序中剖析参数步调

view.js代码

Page({
   
    data: {
   
      msg: '',
      id: ''
    },
    onLoad: function (query) {
   
      //onLoad参数query.q可以拿到编码加密后的二维码链接
      if (query.q) {
   
            //TODO: 第一版 匹配规则:https://mini.dolphin.com/qr?id=123456&msg=活动名称
            if (true) {
   
                //1. 解析二维码, 获取活动ID
                const id = this.getURLParameter(decodeURIComponent(query.q),
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
页: [1]
查看完整版本: 扫普通链接二维码打开小程序 动态匹配参数