uniapp 实现app微信支付宝支付功能

项目中有需要实现用户支付的功能,随手记下,方便学习

首先 需要申请了商户号,拿到了APIid,配置在相应项目中

在这里插入图片描述

1.拿到商品id 价格 传给后端接口

在这里插入图片描述
在这里插入图片描述

2.通过后端返回,获得订单的一个id,选择支付类型 微信或支付宝 同样的传给后端接口,不同的支付类型,返回不同的订单信息数据

在这里插入图片描述

3.最后 拿到支付类型,订单信息,订单id调用接口 uni.requestPayment

在这里插入图片描述

注意:

多看看文档,支付宝和微信 OrderInfo值的类型不一样
App端,支付宝支付 orderInfo 为 String 类型。
App端,微信支付 orderInfo 为 Object 类型。

最后放上效果图
在这里插入图片描述