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

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

相关文章
|
存储 安全 小程序
在微信小程序中使用 Vant 时如何确保数据的安全?
在微信小程序中使用 Vant 时如何确保数据的安全?
194 1
|
8月前
|
人工智能 小程序 前端开发
【一步步开发AI运动小程序】十九、运动识别中如何解析RGBA帧图片?
本文介绍了如何将相机抽取的RGBA帧图像解析为`.jpg`或`.png`格式,适用于体测、赛事等场景。首先讲解了RGBA图像结构,其为一维数组,每四个元素表示一个像素的颜色与透明度值。接着通过`uni.createOffscreenCanvas()`创建离屏画布以减少绘制干扰,并提供代码实现,将RGBA数据逐像素绘制到画布上生成图片。最后说明了为何不直接使用拍照API及图像转换的调用频率建议,强调应先暂存帧数据,运动结束后再进行转换和上传,以优化性能。
|
10月前
|
JSON 小程序 UED
微信小程序 app.json 配置文件解析与应用
本文介绍了微信小程序中 `app.json` 配置文件的详细
1447 12
|
9月前
|
缓存 小程序 API
微信小程序页面导航与路由:实现多页面跳转与数据传递
本文深入探讨微信小程序的页面导航与路由机制,介绍多种页面跳转方式如`wx.navigateTo`、`wx.redirectTo`、`wx.switchTab`等,并讲解通过URL、全局变量和事件传递数据的方法。结合案例实现多页面跳转与数据传递,帮助开发者掌握这一重要技能。
|
9月前
|
缓存 小程序 API
微信小程序网络请求与API调用:实现数据交互
本文深入探讨了微信小程序的网络请求与API调用,涵盖`wx.request`的基本用法、常见场景(如获取数据、提交表单、上传和下载文件)及注意事项(如域名配置、HTTPS协议、超时设置和并发限制)。通过一个简单案例,演示了如何实现小程序与服务器的数据交互。掌握这些技能将帮助你构建功能更丰富的应用。
|
小程序 JavaScript 开发工具
微信小程序——全局数据共享
【10月更文挑战第5天】
|
移动开发 小程序 数据可视化
微信小程序可视化开发工具之动态数据
微信小程序可视化开发工具之动态数据
243 4
|
小程序 JavaScript
小程序生成二维码
小程序生成二维码
325 11
|
小程序 JavaScript Java
微信小程序+SpringBoot接入后台服务,接口数据来自后端
这篇文章介绍了如何将微信小程序与SpringBoot后端服务进行数据交互,包括后端接口的编写、小程序获取接口数据的方法,以及数据在小程序中的展示。同时,还涉及到了使用Vue搭建后台管理系统,方便数据的查看和管理。
微信小程序+SpringBoot接入后台服务,接口数据来自后端
|
小程序 JavaScript 开发工具
微信小程序——全局数据共享
微信小程序——全局数据共享

推荐镜像

更多
  • DNS