Uni-app开发第4部分App支付模块的详细信息

app开发

APP开发


浏览:1250 次

突发奇想,让我们谈谈使用uni app开发的支付模块。

可以说,支付部分是app的重要组成部分。通常,App都有这个模块,所以这里有一篇文章来解释它:

首先,uni app中有支付宝支付、微信支付和苹果应用内支付(剩下的支付方式不是主流,所以我就不谈了,嘻嘻>-<),接下来,我将分别告诉大家这些支付方式。

(1) 开发前的准备

首先,如果你想使用这三种支付方式,你必须去相应的开放平台注册并申请支付功能

(1) 支付宝支付能力应用:

首先登录支付宝账户并创建一个App,以获取uni app manifest中支付宝App的appid。它在json中配置,然后打开app支付功能。打开App的步骤很繁琐,支付宝工作人员会对其进行审查。如果是一个公司项目,它应该是顺利的。我不会在这里麻烦的。第三步是配置密钥以获得公钥和私钥,这需要在后台处理。

(2) 微信支付能力应用:

首先,申请移动App并激活支付功能。申请App后,您可以获得AppID和AppSecret值。然后,连接App并选择App支付。最后,在激活支付功能后,您可以获得支付服务服务器配置数据:PARTNER(财付通商户ID)、PARTNER_KEY(财付付通密钥)和PAYSIGNKEY(支付签名密钥),最后一步也在后台处理,因此我们不必担心。

(3) 苹果应用内支付:

因为我们的项目从未由Apple Apps支付过费用,所以我不再多说这一部分。我踩到洞后会把它补上。

(4) 清单。json配置

打开清单json文件可用于查找app SDK配置,然后查找相关配置的支付部分。配置图形界面很容易,所以我会略过。

(2) 开发支付模块

首先,通过uni。getProvider方法获取用户手机中的服务提供商,服务选择支付。总共有四种方式:支付宝(支付宝支付)、wxpay(微信支付)、百度(百度收银员支付)和appleiap(苹果应用内支付)。代码如下:

uni.get提供商({

服务:'支付',

成功:函数(res){

//此处进行业务逻辑处理

}

});

然后通过后台获取订单信息:

单一请求({

url:addUrl()+“/api/recharge/pay”,

方法:“POST”,

标题:{

引用:“”

},

数据:{

//请求接口参数

},

成功:(res)=>{

//获取订单信息

}

})

第三步:微信/支付宝支付

//支付宝支付

uni.request付款({

提供商:“支付宝”,

OrderInfo:OrderInfo,//订单数据

成功:函数(res){

//流程业务逻辑

},

失败:函数(错误){

安慰日志('fail:'+JSON.stringify(err));

uni.show吐司({

图标:“无”,

标题:“付款失败”

});

}

});

//微信支付

uni.request付款({

提供程序:“wxpay”,

OrderInfo:OrderInfo,//订单数据

成功:函数(res){

//流程业务逻辑

},

失败:函数(错误){

安慰日志('fail:'+JSON.stringify(err));

uni.show吐司({

图标:“无”,

标题:“付款失败”

});

}

});