微信小程序 - 二维码数据解析,如何扫码进入开发版测试二维码数据

简介: 微信小程序 - 二维码数据解析,如何扫码进入开发版测试二维码数据
1、生成二维码
  • 在小程序开发中,经常需要用到通过分享小程序二维码,进行扫码进入小程序。
  • 官方文档 生成小程序二维码接口,这个生成接口可以放置服务器使用。
    page:是扫码之后需要打开的小程序页面
    scene:是小程序通过扫码之后进入小程序页面带进来的参数,这个参数也是你在生成二维码的时候填好的识别参数
    其他的属性可以直接看文档,主要功能还是在这两个参数上。
  • 生成二维码的时候报错: invalid page hint: [khnDRb0gE-rMmlpA] rid: 5f475efd-096822b7-643b3732
    1、一种原因是线上小程序不存在当前这个配置的页面地址,所以需要等上线之后才可以测试。
    2、一种原因是在填写参数 page 的时候:pages/index/index 不要写成 /pages/index/index。
  • 通过文档生成小程序二维码之后,并分享之后,如何获取到扫码进来二维码所带的参数呢,我们只需要生成二维码的时候配置的 page 页面中 onLoad 中进行判断处理即可:
onLoad: function (options) {
  if (options.scene) {
    // 必须要 decodeURIComponent 格式化一下,不然里面的符号会是 %23... 这样的格式
    let scene = decodeURIComponent(options.scene);
    // '&'是我们定义的参数链接方式
    let userID = scene.split("&")[0];
    let bookID = scene.split('&')[1];
    // 其他逻辑处理。。。。。
  }
}

2、扫码进入开发版测试二维码数据
  • 我们通过下面数据生成二维码,注意配置的页面需要存在于小程序项目里面,不存在是无法打开页面的:
{
   "page": "pages/index/index",
   "scene": "name=dzm#age=18"
}

  • 生成二维码之后,我们将二维码保存到桌面上,然后打开小程序工具:
    点击头部的编译模式,找到通过二维码编译,然后选择桌面上的二维码图片,这样就会跟手机上扫码一样,打开二维码中配置的页面,以及通过页面中 onLoad: function (options) 方法带过来之前配置的 scene 参数。

  • 解析参数看第一步中最后一步即可。

3、扫码进入开发版测试二维码数据
  • 其实还可以通过 选择编译模式中的 自定义编译条件 来进行测试

  • 模式名称: 随便起个名字,方便下次找到在重复使用
  • 启动页面: 我们之前配置二维码中需要打开的页面
  • 启动参数:我们之前配置二维码中需要打开的页面附带的参数,填写格式为:scene=yq#397#261,也可以传入格式化好的数据 scene=yq%23397%23261这里就不能出现多余的 = 号了 例如 scene=name=dzm#age=18 这中数据就不能这么传的,自己拿去格式化一下在放进来,里面的 scene 就需要我们自己指定好,打开页面的时候获取到的数据就是这样的了:{scene: "yq#397#261"} 或 {scene: "yq%23397%23261"},然后参数通过 decodeURIComponent 格式化回来就都是 yq#397#261 了。
  • 进入场景:无特殊情况默认即可
  • 然后点击确定即可测试!

相关文章
|
人工智能 小程序 前端开发
一个小程序轻量AR体感游戏,开发实现解决方案
针对青少年运动兴趣不足问题,AR体感游戏凭借沉浸式互动体验脱颖而出。结合小程序“AI运动识别”插件与WebGL渲染技术,可实现无需外设的轻量化AR健身游戏,如跳糕、切水果等,兼具趣味性与锻炼效果,适用于儿童健身及职工团建,即开即玩,低门槛高参与。
|
Web App开发 人工智能 JavaScript
主流自动化测试框架的技术解析与实战指南
本内容深入解析主流测试框架Playwright、Selenium与Cypress的核心架构与适用场景,对比其在SPA测试、CI/CD、跨浏览器兼容性等方面的表现。同时探讨Playwright在AI增强测试、录制回放、企业部署等领域的实战优势,以及Selenium在老旧系统和IE兼容性中的坚守场景。结合六大典型场景,提供技术选型决策指南,并展望AI赋能下的未来测试体系。
|
存储 人工智能 算法
AI测试平台实战:深入解析自动化评分和多模型对比评测
在AI技术迅猛发展的今天,测试工程师面临着如何高效评估大模型性能的全新挑战。本文将深入探讨AI测试平台中自动化评分与多模型对比评测的关键技术与实践方法,为测试工程师提供可落地的解决方案。
|
运维 小程序 数据可视化
小程序开发平台有哪些?SaaS小程序制作平台哪个好
小程序开发模式详解:自主开发、SaaS小程序制作平台与外包全对比 选择合适的小程序开发模式,是项目成功的基石。这三种模式在成本、周期、控制力和灵活性上各有千秋,适用于不同阶段和不同类型的企业。下面我们将逐一深入剖析。
1232 8
|
移动开发 小程序 前端开发
小程序开发平台有哪些?哪个好
小程序的开发方式丰富多元,开发团队可根据自身的技术背景、项目具体需求以及资源状况,灵活挑选最为适宜的开发路径。以下将详细介绍几种主流的小程序开发方式。
1099 1
|
监控 Java 关系型数据库
面试性能测试总被刷?学员真实遇到的高频问题全解析!
面试常被性能测试题难住?其实考的不是工具,而是分析思维。从脚本编写到瓶颈定位,企业更看重系统理解与实战能力。本文拆解高频面试题,揭示背后考察逻辑,并通过真实项目训练,帮你构建性能测试完整知识体系,实现从“会操作”到“能解决问题”的跨越。
|
移动开发 小程序 前端开发
小程序快速开发平台有哪些?
小程序开发并非“一刀切”,需结合技术储备、资金预算、时间规划及功能需求等多维度因素综合考量。以下为您详细拆解五种主流开发方案及其适用场景,助您精准匹配开发路径。
783 3
|
机器学习/深度学习 人工智能 自然语言处理
如何让AI更“聪明”?VLM模型的优化策略与测试方法全解析​
本文系统解析视觉语言模型(VLM)的核心机制、推理优化、评测方法与挑战。涵盖多模态对齐、KV Cache优化、性能测试及主流基准,助你全面掌握VLM技术前沿。建议点赞收藏,深入学习。
3758 8

推荐镜像

更多
  • DNS