课程名称:Java支付全家桶 企业级各类支付手段一站式解决方案
课程章节:4-10 付款之后请求查询支付结果
主讲老师:神思者
今天课程学习的主要知识点内容包括:
付款之后请求查询支付结果中,小程序编码开发的配合实现,以及怎么结合微信手机客户端进行付款功能的测试验证。
1、付款之后请求查询支付结果中,小程序编码开发的配合实现主要分为以下主要步骤:
(1)定义接口地址,在main.js中添加付款之后请求查询支付结果对应的接口地址:
Vue.prototype.url = { "wx":{ …… "updateOrderStatus": baseUrl + "/app/wx/updateOrderStatus" }, …… }
(2)前端接口调用的实现,在 order.vue 内实现,主要核心代码如下:
uni.requestPayment({ "timeStamp": resp.data.timeStamp, "nonceStr": resp.data.nonceStr, "package": resp.data.package, "signType": resp.data.signType, "paySign": resp.data.paySign, success: (res) => { console.log(res); uni.request({ url: this.url.updateOrderPayStatus, method: "POST", header: { "token": uni.getStorageSync("token") }, data: { "orderId": id }, success: (r) => { let pages = getCurrentPages() let page = pages[pages.length-1] page.onShow() }, fail: (err) => { console.log("更新订单状态失败") } }) uni.showToast({ title: "支付成功" }) }, fail: (err) => { console.log(err.errMsg) uni.showToast({ title: "支付失败" }) } })
2、怎么结合微信手机客户端进行付款功能的测试验证?
注意点:
(1)需要修改 tb_order 表内的流水号code,因为同一个商户的流水号不能重复;
(2)测试的时候,手机和电脑连接同一个wifi,使用相同的网段;
(3)修改接口的地址,修改成内网主机ip的地址;
3、其他使用小技巧的收获:
如何刷新当前 Uniapp 的页面,关键代码如下:
let pages = getCurrentPages() let page = pages[pages.length-1] page.onShow()