美文网首页工具
微信带参小程序码测试方法

微信带参小程序码测试方法

作者: mocobk | 来源:发表于2020-10-30 12:12 被阅读0次

一款微信小程序带参数二维码生成工具,可模拟测试分享卡片、公众号小程序链接、小程序码带参数跳转至小程序。

在线 Demo

https://github.com/mocobk/mp-qrcode-test

为什么需要这个工具

  1. 方便我们快速测试某些带参数的页面;
  2. 微信在体验版测试小程序码时,由于未发布的小程序无法生成小程序码(官方要求必须是已发布的小程序才能生成二维码),
    导致我们无法在未发布前进行测试,即使我们已发布过小程序,生成了小程序码,当我们扫码时会直接跳转到正式版的小程序,
    显然这不是我们想要的,为了避免翻车,我们必须在发布前进行测试,寻找曲线救国的思路。

实现原理

不管是小程序码还是分享卡片、公众号小程序链接,都会有个 page 页码和参数(可选),我们只需要知道他们分别是
对应什么 page 路径和参数结构,就能通过类似以下体验版的链接来模拟:

https://open.weixin.qq.com/sns/getexpappinfo?appid=xxx&path=pages/index/index.html?name=mocobk&age=18

  • appid: 你小程序的 AppId
  • path: 你的 page 路径,记得后面加上 .html
  • ?: 后面接你实际的参数

注意小程序码 B 接口的参数是都放在在 scene 参数的值中,且需要 urlencode 如:pages/index/index.html?scene=name%3Dmocobk%26age%3D18
具体参考文档

安装项目依赖

npm install

构建

npm build

相关文章

网友评论

    本文标题:微信带参小程序码测试方法

    本文链接:https://www.haomeiwen.com/subject/vmxdvktx.html