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

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

作者: 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