前言

最近遇到一个客户让我在APP的H5页面完成支付宝支付，我绞尽脑汁终于想出了办法。

步骤 1

您需要在首页有一个支付按钮或者支付操作（简单来说就是跳转到支付页面的方法）

注意：这里有一个坑，可能是因为能力有限，当你跳转到支付支付的时候，如果你没有点击“完成”返回APP，后端是无法获取到你支付完成或者未完成的动作的。于是，我看了下地铁卡充值的操作

解决方法：点击支付时会出现这个弹窗，当用户点击“我明白”后，支付会被重定向（目前这是唯一方法）

第 2 步

如上图，触发该方法，跳转到APP内嵌的支付宝页面。

步骤3

ps：第一个是嵌入的，可以上官网查看；

第二个是第一步刚刚跳过的参数；

第三个是跳转到H5页面，URL和参数（这个H5页面URL需要自己编码，然后放在服务器上，拿到这个URL，后面还有代码）

第四个是比较重要的一步（这个是监控支付宝付款是否完成）

第五个CSS可以随便写

步骤4（这是H5代码）

不用说了，新建一个项目，把这段代码复制进去，把这个页面注册到.json里，直接打包就可以了，上面的网址替换成你自己服务器的网址（也可以用我的git代码完成打包，替换域名，请求域名即可）

注：这里代码里的注释都是介绍的。

步骤5

步骤5，看第一个框，里面有个方法叫uni.$on。（步骤3里面有个方法，那个方法是用来监控订单变化的，当变化的时候，就会调用这个叫this.()的方法。）()()这个方法不管是失败还是成功，都会变化，主要是用来调用这个方法的。

第二个框里面有一个方法，大概就是后端的，在这个方法里你可以看到你完成了支付操作，并且支付宝把成功或者失败的信息都存储起来放到这个接口里，当你调用这个接口的时候，你就可以获取到你是成功还是失败的信息。

第 6 步

这一步大概就是在这个.json文件里设置这个东西，需不需要，看你拼接的路径怎么写。

附言

git地址::-H5页面代码

结论

请点赞关注！如有错误，请指出。谢谢