【教程】微信扫描二维码进入小程序指定页面并携带参数

news/2025/2/4 15:50:34 标签: 微信, 小程序, 前端, vue, 微信公众平台, typescript

功能描述

  1. 打开微信扫一扫,扫描产品上的二维码,弹出小程序,跳到“邀请用户”页面
  2. 解析二维码中的参数,自动填充到页面中的“邀请码”输入框。

操作步骤

  1. 首先,要到微信公众平台对扫普通链接二维码打开小程序功能进行配置。

    • 找到"开发管理"-“开发设置”-“扫普通链接二维码打开小程序
      image.png
      image.png
    • 填写配置项
      • 线上版本的二维码配置中,二维码规则校验文件两项的配置需要后端配合。(不用填写“测试链接”)
      • 测试时,二维码规则可以自定义,校验文件不用管,但是测试链接一定要填写,测试范围选择体验版,这样的话,用微信扫描测试链接的二维码,就可以跳转到体验版小程序
        image.png
  2. 测试时,可以去草料网根据上一步中填写的测试链接生成二维码。

  3. 小程序页面内接参步骤:

onLoad(async (options) => {
  //onLoad参数options.q可以拿到编码加密后的二维码链接
  if (options.q) {
    //1.将二维码链接解码
    let codeStr = decodeURIComponent(options.q)
    //2.取出对应参数
    const codeId = codeStr.match(/[?&]id=(\d+)/)
    devId.value = codeId ? codeId[1] : ''
  }
})

http://www.niftyadmin.cn/n/5841653.html

相关文章

MATLAB | 基于长时间序列栅格数据的Mann-Kendall与Pettitt突变检验分析

各位同学好,今天我们将分享在水文气象等领域中常用的两种突变检验方法——Mann-Kendall(MK)检验和Pettitt检验。由于时间关系,今天我们不详细介绍具体的公式和推导过程,感兴趣的同学可以参考相关文献,如《P…

自然语言生成(NLG)算法模型评估方案的硬件配置、系统架构设计、软件技术栈、实现流程和关键代码

智能化对话中的自然语言生成(NLG)算法模型评估是一个复杂而多维的过程,它涉及多个评估指标和策略,以确保生成的文本质量、准确性和流畅性。 智能化对话中的NLG算法模型评估是一个涉及多个评估指标和策略的过程。通过选择合适的评估…

【1】快手面试题整理

[1]. 说说int和Integer的区别 int是Java中的基本数据类型,用于存储整数值。它直接在栈内存中存储数值,默认值是0,并且不能为null,本身不带方法。 Integer是int的包装类,属于引用类型。它在堆内存中存储一个对象&…

SRS代码目录

代码目录: src/目录下核心代码: core:核心功能模块,包括日志、配置、错误处理等;protocol:实现RTMP、HTTP-FLV、HLS等协议的模块;app:应用层的实现,包括流的发布、播放…

25.2.3 【洛谷】作为栈的复习不错(学习记录)

今天学习的东西不算多,放了一个星期假,感觉不少东西都没那么清楚,得复习一下才行。今天搞个栈题写,把栈复习一下,明天进入正轨,边复习边学习新东西,应该会有二叉树的学习等等... 【洛谷】P1449 …

【Docker项目实战】使用Docker部署MinIO对象存储(详细教程)

【Docker项目实战】使用Docker部署MinIO对象存储 前言一、 MinIO介绍1.1 MinIO简介1.2 主要特点1.3 主要使用场景二、本次实践规划2.1 本地环境规划2.2 本次实践介绍三、本地环境检查3.1 检查Docker服务状态3.2 检查Docker版本3.3 检查docker compose 版本四、下载MinIO镜像五、…

订单状态监控实战:基于 SQL 的状态机分析与异常检测

目录 1. 背景与问题 2. 数据准备 2.1 表结构设计 3. 场景分析与实现 3.1 场景 1:检测非法状态转换 目标 实现 输出结果 3.2 场景 2:计算状态停留时长 目标 实现 输出结果(片段) 3.3 场景 3:跟踪完整状态路…

NoSQL、时序、搜索……Lindorm 如何一站式搞定多模数据?

在当今的大数据时代,数据类型越来越丰富,传统数据库架构已经难以满足复杂业务的需求。无论是高并发的 NoSQL 数据存储、时序数据的实时分析,还是全文搜索引擎的智能查询,都需要一个强大而灵活的数据库来支撑。阿里云云原生多模数据…