【微信小程序端 微信支付 项目实战】

项目背景

初衷

针对上一篇服务端微信支付的文章，此处着重介绍下微信小程序端微信支付的具体实现。算是完成的一个项目流程。

实现方法

// 获取支付参数，调起微信支付
function wxPayFun(resolve, reject, data, traceList) {
    req.order.wxindex(data)
        .then((res) => {
            if (res.code == 0) {
                const payData = res.data
                var oid = res.data.oid
                wx.setStorageSync('successOid', oid)
                wx.hideLoading()
                wx.requestPayment({
                    ...payData,
                    success(res) {	
                        resolve(res)
                    },
                    fail(res) {
                        wx.showToast({
                            icon: 'none',
                            title: '取消支付',
                        })
                        reject(res)
                    },
                    complete(res) {
                        console.log("支付完成-complete", res)
                    }
                })
            } else {
                wx.showToast({
                    icon: 'none',
                    title: res.msg,
                })
            }
        })
}

小结

通过服务端和小程序端方法实现的对比来看，较复杂的逻辑判断还是服务端来完成的。