基础布局
<view class="payButton" @click="payButton">确定支付</view>
使用 uni-app 封装的 api uni.requestPayment 发起支付,如果是微信支付alipay 改为 wxpay
async payButton(){
var orderInfo = await this.getOrderInfo(); //微信、支付宝订单数据
// 支付宝支付
uni.requestPayment({
provider: 'alipay', // 服务提供商,通过 uni.getProvider 在onLoad中获取。
orderInfo: orderInfo.data, //微信、支付宝订单数据
success: function (res) { // 接口调用成功的回调
console.log('success:' + JSON.stringify(res));
},
fail: function (err) { // 接口调用失败的回调函数
console.log('fail:' + JSON.stringify(err));
}
});
},
获取服务提供商 alipay 支付宝支付,wxpay 微信支付,appleiap 苹果应用内支付 …
onLoad(option) {
uni.getProvider({
service: 'payment',
success: function (res) {
console.log(res.provider)
}
});
}
可以使用 uni-app 提供的接口获取数据测试支付流程 接口地址参数 total 是价格 使用的支付账号为 uni-app 的账号
getOrderInfo(type){
return new Promise((reslove)=>{
uni.request({
url:"https://demo.dcloud.net.cn/payment/?payid=alipay&total=1", // 支付宝支付
//url:"https://demo.dcloud.net.cn/payment/?payid=wxpay&total=1", // 微信支付
success(res) {
reslove(res)
}
})
})
}
自己的账号发起支付宝支付 首先 申请支付宝APP支付,进入控制台 创建应用→网页&移动应用→支付接入,生成应用签名,需要用到应用签名工具下载,在该页面底部下载apk文件,可以在模拟器安装该工具,并把打包的App也安装到模拟器,点击已经安装的签名工具,输入安装时的包名称,可以生成应用签名,打包方法可点击 查看,完成后点击确认创建 添加能力,填写加密信息,审核通过后方可使用
微信支付设置流程【appid,商户号,key】