生成小程序二维码

1,704 阅读2分钟

生成小程序二维码

方式一: 通过明文 URL Scheme 生成二维码

非官方方法,后续如果官方调整,有可能导致二维码失效

  1. 获取小程序页面路径,微信公众号后台插入小程序、配置菜单栏等,均可以获取到

pages/detail/index.html?noteUuid=cc1RI0m5js2WsxKkYd0ZK

  1. 把 .html 删除掉

pages/detail/index?noteUuid=cc1RI0m5js2WsxKkYd0ZK

  1. 提取 path 和 query,问号前后分别是二者

path:pages/detail/index

query:noteUuid=cc1RI0m5js2WsxKkYd0ZK

4. encodeURIComponent ****方法,把 query 编码,可以用在线网站

www.urlencoder.org/zh/

noteUuid%3Dcc1RI0m5js2WsxKkYd0ZK

  1. 获取小程序 AppId

小程序右上角三个点,点击小程序名称,再点击小程序简介,在更多资料里可以获取任意小程序的 AppID

墨问小程序:wx4353cae9eb5e3586

  1. 拼接得到 URL Scheme

weixin://dl/business/?appid=xxx&path=xxx&query=xxx

weixin://dl/business/?appid=wx4353cae9eb5e3586&path=pages/detail/index&query=noteUuid%3Dcc1RI0m5js2WsxKkYd0ZK

  1. encodeURIComponent 方法,把 URL Scheme 编码

weixin%3A%2F%2Fdl%2Fbusiness%2F%3Fappid%3Dwx4353cae9eb5e3586%26path%3Dpages%2Fdetail%2Findex%26query%3DnoteUuid%253Dcc1RI0m5js2WsxKkYd0ZK

  1. 加入固定前缀

https://servicewechat.com/wxascheme/jump_wxa?url=

https://servicewechat.com/wxascheme/jump_wxa?url=weixin%3A%2F%2Fdl%2Fbusiness%2F%3Fappid%3Dwx4353cae9eb5e3586%26path%3Dpages%2Fdetail%2Findex%26query%3DnoteUuid%253Dcc1RI0m5js2WsxKkYd0ZK

  1. 转换为二维码,可以使用在线网站

cli.im/

文档地址:

developers.weixin.qq.com/community/d…

方式二: 使用官方推荐的接口,需要开发者写代码实现相关功能

分别有 4 种接口:

接口 A:生成小程序码,可接受 path 参数较长,生成个数受限

接口 B:生成小程序码,可接受页面参数较短,生成个数不受限

接口 C:生成二维码,可接受 path 参数较长,生成个数受限

接口 D:微信一物一码支持生成小程序码

文档地址:

developers.weixin.qq.com/miniprogram…

方式三: 生成网页二维码,跳转小程序

  1. 获取网页地址

点击笔记右上角灰色分享按钮,然后点击「复制链接」

note.mowen.cn/note/detail…

2. 转换为二维码,可以使用在线网站

cli.im/

  1. 网站内放置进入小程序按钮,点击跳转小程序

右上角「进入墨问」按钮

按钮使用 wx-open-launch-weapp 标签和 URL Scheme 打开小程序

建议同时使用,二者区别:

wx-open-launch-weapp 旧一些,兼容性好,但只支持微信内使用

URL Scheme 支持微信外使用,但只支持新版本

文档地址:

developers.weixin.qq.com/doc/offiacc…