实现支付宝APP扫码跳转小程序并传参

目录

功能需求

实现思路

第一步，发布二维码的关联规则

发布关联规则的步骤

精确匹配和模糊匹配的区别

精确匹配

模糊匹配

添加小程序功能页

发布关联规则

第二步，读取参数

小程序应用的生命周期

获取二维码中携带的参数

我的需求实现代码片段

 代码调试

 在手机中打开联调

查看数据

---

功能需求

实现支付宝APP扫描小程序的付款码，跳转到小程序的收款页面

实现思路

在支付宝开放平台中，可以通过在小程序码中，发布关联二维码的关联规则，通过关联规则实现支付宝 APP 扫码跳转到小程序，通过在App.vue页面读取二维码中携带的参数。

第一步，发布二维码的关联规则

首先登录支付宝开放平台，进入小程序的控制台中。点击小程序码，添加关联二维码。

发布关联规则的步骤

注意：发布关联规则的时候，二维码地址的域名必须完成 ICP 备案，并且按照支付宝的要求完成所属校验。

例如：二维码的链接是 https://www.test.com

精确匹配和模糊匹配的区别

精确匹配

精确匹配中，需要所扫二维码链接与关联规则中的二维码的地址完全一致才能够唤起小程序。一般匹配的是唯一的关联规则

模糊匹配

模糊匹配中，用户所扫二维码链接的前缀与关联规则中的二维码地址一致时，就能够跳转到小程序指定的页面。

例如:二维码链接的地址为： https://www.test.com/abc，则生成的二维码的链接包含https://www.test.com/abc，在APP扫码的时候都会发生跳转。就像 https://www.test.com/abc/123或者 https://www.test.com/abc/123/456或者 https://www.test.com/abc/def等，以https://www.test.com/abc为根路径的链接都可以实现跳转。

在本次操作中，只要是满足 url + /pages/user/money/transfer 的链接生成的二维码，都能够实现APP扫码跳转到小程序页面。

添加小程序功能页

添加二维码的链接后，通过添加小程序的功能页面来控制 APP 扫码后跳转的页面。

发布关联规则

内容填充完毕后，点击提交关联规则，点击提交后进入发布关联规则页面