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

悠悠 2023-01-09 12:40 155阅读 0赞

基础布局

使用 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支付][APP]，进入控制台 创建应用→网页&移动应用→支付接入，生成应用签名，需要用到[应用签名工具下载][Link 1]，在该页面底部下载apk文件，可以在模拟器安装该工具，并把打包的App也安装到模拟器，点击已经安装的签名工具，输入安装时的包名称，可以生成应用签名，打包方法可点击 [查看][Link 2]，完成后点击确认创建 添加能力，填写加密信息，审核通过后方可使用

微信支付设置流程【appid，商户号，key】

[APP]: https://openhome.alipay.com/developmentAccess/developmentAccess.htm
[Link 1]: https://developers.weixin.qq.com/doc/oplatform/Downloads/Android_Resource.html
[Link 2]: https://blog.csdn.net/weixin_44640323/article/details/112908030#comments_14691510