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

简介: 微信小程序 - 二维码数据解析,如何扫码进入开发版测试二维码数据
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 了。
  • 进入场景:无特殊情况默认即可
  • 然后点击确定即可测试!

相关文章
|
11月前
|
安全 数据管理 测试技术
告别蛮力:让测试数据生成变得智能而高效
告别蛮力:让测试数据生成变得智能而高效
774 120
|
人工智能 缓存 自然语言处理
别再手搓测试数据了!AE测试数据智造系统揭秘
本文介绍如何通过构建基于大语言模型的测试数据智造Agent,解决AliExpress跨境电商测试中数据构造复杂、低效的问题,推动测试效率提升与智能化转型。
别再手搓测试数据了!AE测试数据智造系统揭秘
|
存储 测试技术 API
数据驱动开发软件测试脚本
今天刚提交了我的新作《带着ChatGPT玩转软件开发》给出版社,在写作期间跟着ChatGPT学到许多新知识。下面分享数据驱动开发软件测试脚本。
449 0
|
小程序 Java 关系型数据库
weixin163基于微信小程序的校园二手交易平台系统设计与开发ssm(文档+源码)_kaic
本文介绍了一款基于微信小程序的校园二手物品交易平台的开发与实现。该平台采用Java语言开发服务端,使用MySQL数据库进行数据存储,前端以微信小程序为载体,支持管理员和学生两种角色操作。管理员可管理用户、商品分类及信息、交易记录等,而学生则能注册登录、发布购买商品、参与交流论坛等。系统设计注重交互性和安全性,通过SSM框架优化开发流程,确保高效稳定运行,满足用户便捷交易的需求,推动校园资源共享与循环利用。
|
小程序 JavaScript 前端开发
微信小程序开发全流程:从注册到上线的完整指南
这篇文章详细记录了微信小程序的完整开发到最终上线的每一个步骤。适合对小程序开发感兴趣的个人开发者或希望了解完整流程的学习者,涵盖了云开发、事件绑定、生命周期管理、组件使用等关键内容。
25288 14
|
小程序 关系型数据库 Java
weixin168“返家乡”高校暑期社会实践微信小程序设计与开发ssm(文档+源码)_kaic
本文探讨高校暑期社会实践微信小程序的开发与应用,旨在通过信息化手段提升活动管理效率。借助微信小程序技术、SSM框架及MySQL数据库,实现信息共享、流程规范和操作便捷。系统涵盖需求分析、可行性研究、设计实现等环节,确保技术可行、操作简便且经济合理。最终,该小程序可优化活动发布、学生信息管理和心得交流等功能,降低管理成本并提高工作效率。
|
JSON 监控 网络协议
Bilibili直播信息流:连接方法与数据解析
本文详细介绍了自行实现B站直播WebSocket连接的完整流程。解析了基于WebSocket的应用层协议结构,涵盖认证包构建、心跳机制维护及数据包解析步骤,为开发者定制直播数据监控提供了完整技术方案。
2782 9
|
缓存 监控 搜索推荐
【实战解析】smallredbook.item_get_video API:小红书视频数据获取与电商应用指南
本文介绍小红书官方API——`smallredbook.item_get_video`的功能与使用方法。该接口可获取笔记视频详情,包括无水印直链、封面图、时长、文本描述、标签及互动数据等,并支持电商场景分析。调用需提供`key`、`secret`和`num_iid`参数,返回字段涵盖视频链接、标题、标签及用户信息等。同时,文章提供了电商实战技巧,如竞品监控与个性化推荐,并列出合规注意事项及替代方案对比。最后解答了常见问题,如笔记ID获取与视频链接时效性等。
|
数据可视化 前端开发 测试技术
接口测试新选择:Postman替代方案全解析
在软件开发中,接口测试工具至关重要。Postman长期占据主导地位,但随着国产工具的崛起,越来越多开发者转向更适合中国市场的替代方案——Apifox。它不仅支持中英文切换、完全免费不限人数,还具备强大的可视化操作、自动生成文档和API调试功能,极大简化了开发流程。

推荐镜像

更多
  • DNS