uniapp快速开发微信、支付宝app支付

 演示视频

uniapp快速实现支付宝和微信app支付功能

uniapp快速开发app支付功能，其中支付宝能提供沙箱环境和正式环境。

总共四个页面

• 环境选择页面
• 下单页面
• 支付渠道选择页面
• 支付成功跳转页面

工程采用的是前后端分离，后端实现支付预下单功能，uniapp实现前端展示并拉起app支付。

后端接口一共三个。

• 登录token获取
• 支付渠道查询
• 下单

其中测试环境使用支付宝沙箱账号，qa环境使用支付宝正式账号。

因此在下单的代码中加上如下逻辑即可。

// 沙箱环境加入如下代码
if(env=="test"){
var EnvUtils = plus.android.importClass('com.alipay.sdk.app.EnvUtils');
EnvUtils.setEnv(EnvUtils.EnvEnum.SANDBOX);
}

环境选择页面代码

下单页面代码

支付渠道选择页面代码

支付成功页面代码

使用了uview组件。