首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >uniapp开发微信小程序二维码扫码进入小程序指定页面

uniapp开发微信小程序二维码扫码进入小程序指定页面

原创
作者头像
肥晨
发布2025-09-09 11:53:02
发布2025-09-09 11:53:02
20700
代码可运行
举报
运行总次数:0
代码可运行

微信公众平台配置

  1. 登录微信公众平台undefined访问微信公众平台,使用管理员账号登录
  2. 进入开发设置undefined导航路径:管理开发管理开发设置undefined
    开发设置位置
    开发设置位置
  3. 找到二维码配置undefined在页面底部找到「扫普通链接二维码打开小程序」模块

配置普通链接二维码规则

点击添加进入配置普通链接二维码规则

在这里插入图片描述
在这里插入图片描述

1.二维码规则

就是开发使用的域名拼上你的数据规则(数据规则可不加,直接使用域名即可)

代码语言:csharp
复制
https://[域名]?[规则]

注意:域名必须/结尾,例如feichen.com/article/、或者是feichen.com/article/?code=123

2.小程序功能页面:需要跳转的页面

3.测试链接(选填):就携带你需要传的参数

代码语言:csharp
复制
https://[域名]?[规则]

4.校验文件:下载文件放到服务器指定位置

修改配置后需提交审核并发布小程序

没有未发布的图了,未发布的这里会有个按钮,点击发布即可

在这里插入图片描述
在这里插入图片描述

前端代码实现

1. 接收二维码参数

在目标页面的onLoad生命周期中处理参数:

代码语言:javascript
代码运行次数:0
运行
复制
onLoad(options) {
  // 通过扫码进入的情况
  if (options.q) {
    console.log("扫码进入参数:", options.q);
    this.processQRCode(options.q);
  }
  // 直接进入的情况
  else if (options.code) {
    this.loadStationDetail(options.code);
  }
}

2. 解析二维码参数

代码语言:javascript
代码运行次数:0
运行
复制
methods: {
  processQRCode(qrString) {
    // 解码URL
    const decodedUrl = decodeURIComponent(qrString);
    
    // 提取code参数
    const codeMatch = decodedUrl.match(/code=([^&]+)/);
    const stationCode = codeMatch ? codeMatch[1] : null;
    
    if (stationCode) {
       uni.showToast({
        title: '有效的二维码',
        icon: 'none'
      });
    } else {
      uni.showToast({
        title: '无效的二维码',
        icon: 'none'
      });
    }
  },
}

注意事项与常见问题

1. 配置注意事项

  • 域名备案:生产版本必须使用已备案的HTTPS域名
  • 参数长度:二维码规则+参数总长度不超过128字节
  • 发布生效:修改配置后需提交审核并发布小程序

2. 常见问题排查

问题现象

解决方案

扫码无反应

检查域名校验文件是否可访问

参数丢失

确认二维码规则配置正确

页面不跳转

检查目标页面是否已发布

您好,我是肥晨。 欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 微信公众平台配置
  • 配置普通链接二维码规则
  • 修改配置后需提交审核并发布小程序
  • 前端代码实现
    • 1. 接收二维码参数
    • 2. 解析二维码参数
  • 注意事项与常见问题
    • 1. 配置注意事项
    • 2. 常见问题排查
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档