uni-app 支付宝和微信支付（APP）

基础布局

<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】