uni-app项目订单支付

说明:要求小程序和app端都能实现支付功能;微信支付功能实现的思路简单来说就是点击确认支付按钮时,想做支付类型判断,然后请求后端微信支付接口,请求成功后并不是已经支付了,而是接收后端返回的数据,再分端编译;最后通过uni.requestPayment这个api来调出支付的二维码就算成功了。

1.效果要求是点击确认支付后弹出微信支付的二维码,要求小程序和app端都能实现支付功能

uni-app项目订单支付_第1张图片

2.微信支付功能实现的思路

1.先从创建订单页面拿到订单号和需要支付的金额(这步是在创建订单页面成功后将订单号和支付金额通过路径传递到支付页面)

2.通过点击事件选择支付类型(这里以微信支付为例)

3.点击确认支付

(1)首先判断选择的类型

(2)这里以微信支付为例,向后端请求微信支付接口(也就是前端要的表面的支付,实际是通过请求告诉后端我要进行微信支付了)

(3)请求成功后将数据解构出来

(4)通过条件编译进行小程序端和app端分端编译,也就是分端编写uni.requestPayment这个api需要传递的数据

(5)通过uni.requestPayment这个api来调起微信支付界面(也就是会自动弹出支付的二维码)

(6)整个支付过程就完成了

3.完整代码






你可能感兴趣的:(uni-app,uni-app,前端)