微信支付宝小程序二维码聚合

注：本文并没有列出所有的跳转小程序的方式，仅根据当前的业务需要，列出了可能适用于二维码聚合的几种跳转小程序的方式，需要从其他渠道跳转的请自行去小程序开发文档查看。

一、微信/支付宝小程序扫码打开方式

这里小程序后台默认生产的二维码就不多说了。

1、微信

①普通链接二维码打开小程序

详细可以参考官方文档：扫普通链接二维码打开小程序

例如https://www.abc.com/a?id=123&name=test，这个链接里&符号之前的都是前缀规则，必须是固定值，&后面可以加参数。

一个小程序账号最多可配置100个二维码前缀规则。

每个月最多可以发布100次二维码跳转规则。

二维码链接内容会以参数 q 的形式带给页面，在onLoad事件中提取 q 参数并自行 decodeURIComponent 一次，即可获取原二维码的完整内容。同时会附加一个参数 scancode_time（UNIX 时间戳，单位秒），表示用户扫码的时间。

可以直接扫码通过链接打开微信小程序。

②小程序链接

详细可以参考官方文档：链接跳转小程序

这里列两种链接：

Url Scheme、Url Link

适用于从短信、邮件、微信外网页等场景打开小程序。

不同参数跳转需要去小程序后台生成不同的链接。如果需要带入很多不同的参数，不适合选择该方式。

这种方式可以直接扫码通过链接打开微信小程序。

③静态网站H5跳小程序

详细可以参考官方文档：静态网站H5打开小程序

这种方式需要开通微信云开发静态网站（注：有免费的使用额度，后续使用多可能产生费用）。云开发托管静态网页，免鉴权使用开放标签跳转。这种方式扫码会先打开托管的静态网页，然后点击开放标签才能打开小程序。

2、支付宝

①普通链接二维码打开小程序

详细可以参考官方文档：支付宝小程序关联普通二维码

支付宝小程序必须小程序发布了之后才能配置关联普通链接，企业和个人账户都可以配置，最多可配置20条规则。

精确匹配和模糊匹配两种方式，精确匹配必须链接完全一样，模糊匹配可以在后面动态传入参数。

获取二维码码值请在小程序 app.js 文件的 app() 的 onLaunch() 方法中使用 options.query 获取。

②scheme链接

详细可以参考官方文档：小程序Scheme链接

示例链接：alipays://platformapi/startapp?appId=20210011****7460&page=pages/index/index&query=aa%3d11%26bb%3d22

这里要注意的是如果要传多个参数，需要先将多个参数按name=value&name=value&name=value.......的方式拼接好，然后encode，将encode得到的值放在query=后面。

也是在小程序 app.js 文件的 app() 的 onLaunch() 方法中使用 options.query 获取参数。

注意：

如果冷启动，则会在onLaunch(options)?中获得参数；
如果为热启动，则会在onShow(options)中获得参数；

这种方式可以通过打开链接的方式直接打开小程序。

二、二维码聚合方式选择

业务背景：用于停车场入场和出场，微信和支付宝扫同一个二维码，自动识别打开各端小程序，并带入参数停车场id和通道id。基于停车场id和通道id区分，大概会出现上百个不同的二维码。需要在管理后台根据不同参数，直接生成二维码。微信小程序已上线，代码不能更改，只有支付宝小程序能改。

我因为微信小程序不能动，所以我没有选关联普通链接方式打开小程序。这种跳转方式是非常不错的选择，大家可以优先考虑。

微信小程序的链接方式跳转，也需要在后台生成上百个不同的短连接，同样配置工作量大，扩展性差，出错难排查，不选择。

我这里最终选的是微信小程序用云开发静态网站方式跳，支付宝用scheme链接方式跳。支付宝扫码后可以直接跳转打开小程序，微信会有一个中转H5页面，点击对应按钮后打开微信小程序。

三、总结

最佳选择方案，微信和支付宝小程序都选择关联普通链接二维码方式，然后设置同样的前缀规则，就可以同一个链接生成二维码，分别打开支付宝和微信小程序。这里主要考虑支付宝小程序必须发布上线了才能配置关联普通链接的规则，不太方便测试。