uni-app调用微信支付、支付宝支付

本文章讲解uniapp如何使用第三方服务，微信、支付宝支付

uniapp中支付功能api方法uni.requestPayment
uni.requestPayment是一个统一各平台的客户端支付API，不管是在某家小程序还是在App中，客户端均使用本API调用支付。

实现该功能的主要难点在于后端，前端则是比较简单，下面可以看看前端怎么实现
需要的可以直接复制粘贴改下数据就好了

//在需要用到发方法里调用这个api,provider是服务类型，可由uni.getProvider获取。orderInfo则是后端返回的数据
//1.調用后端的下单接口,获取到支付所[必要]的参数:
Pay(this.form).then(res => {console.log( '套餐购买'，res)if (res.code === 200 )let paymentData = res.data.Parameters//調用[uni-app]的支付功能-客戸端会唤起支付//微信支付数据类型paymentData:{//支付宝订单数据 后台返回的数据  timeStamp: paymentData.timeStamp,nonceStr: paymentData.nonceStr,package: paymentData.package,signType: paymentData.signType ,paysign: paymentData.paysign,},//支付宝支付数据类型paymentData="alipay_sdk=alipay-sdk-java-dynamicVersionNo&app_id=2021002105670765&biz_content=%7B%22body%22%3A%22%E4%B8%98%E6%AF%94%E7%89%B9%E5%95%86%E5%9F%8E%E8%B4%AD%E7%89%A9%E6%94%AF%E4%BB%98%22%2C%22out_trade_no%22%3A%2285717089645522944%22%2C%22product_code%22%3A%22QUICK_MSECURITY_PAY%22%2C%22subject%22%3A%22%E4%B8%98%E6%AF%94%E7%89%B9%E5%95%86%E5%9F%8E%E8%B4%AD%E7%89%A9%E6%94%AF%E4%BB%98%22%2C%22total_amount%22%3A%220%22%7D&charset=utf-8&format=json&method=alipay.trade.app.pay¬ify_url=https%3A%2F%2Fqiubite.cbitlove.cn%2FcupidApp%2Forder%2Fapi%2Fpayback%2FaliPayCallback&sign=TLE2kXEjreiMXgdu42NH640RsrTd%2FmhAqMu%2BWrlsJurMZP3bR6jPH5OtgvfRQCg2cdmudnjnAk%2FadAWNSE9H7hC0eOF2azja42vQ1RgoQkWM0x%2BBZY0JueztyJfaefg%2FRLl0gSjXuVydcKmHGKLAQ3TdxYcVTbbQm0x0bYrjz7m3egyKqADyhyPa2q0fCtUYo5GkOc0w3mEuLgHMQq3rS1lm3KJhgnmjv72sOaJy852gbMIktUhOmfzv1y01SzchIp81Nl%2BWf64GVJzD8UQZELMonoVJ1LCW97uaJa2lvdjMCO6Q5fU34UV8LVHtY87LMIJIoO1gi0d9oFJapoRYhQ%3D%3D&sign_type=RSA2×tamp=2021-02-08+10%3A03%3A41&version=1.0"uni.requestPayment({provider: 'alipay',//wxpay微信 alipay支付宝orderInfo: paymentData, //订单数据 后台返回的数据  success: function(res) {uni.showToast({title: '支付成功'})},// 参数有问题则抛出错误fail: function(err) {uni.showToast({title: '支付失败'})},})
}	

provider的常用取值如下，详细信息可以到官网查看https://uniapp.dcloud.io/api/plugins/provider

最后提一句：orderinfo完全是后端返回的，前端不做任何处理，如果在开发过程中出现支付错误，异常等情况皆是后端返回的数据orderinfo有问题，推给后端，前端不用浪费时间。
有疑问或者补充欢迎评论区留言，谢谢大家

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！