https://blog.csdn.net/qq_26383975/article/details/119997928(微信小程序支付大体流程)
1.打开某小程序,点击直接下单。
2.wx.login获取用户临时登录凭证code,发送到后端服务器换取openId。
3.在下单时,小程序需要将购买的商品Id,商品数量,以及用户的openId传送到服务器。
4.服务器在接收到商品Id、商品数量、openId后,生成服务期订单数据,同时经过一定的签名算法,向微信支付发送请求,获取预付单信息(prepay_id),
同时将获取的数据再次进行相应规则的签名,向小程序端响应必要的信息。
5.小程序端在获取对应的参数后,调用wx.requestPayment()发起微信支付,唤醒支付工作台,进行支付。
6.接下来的一些列操作都是由用户来操作的包括了微信支付密码,指纹等验证,确认支付之后执行鉴权调起支付。
7.鉴权调起支付:在微信后台进行鉴权,微信后台直接返回给前端支付的结果,前端收到返回数据后对支付结果进行展示。
8.推送支付结果:微信后台在给前端返回支付的结果后,也会向后台也返回一个支付结果,后台通过这个支付结果来更新订单的状态。
前端代码参考:
wechatPay() { let dataId=this.data.id; wx.login({ success(res) { if (res.code) { wx.setStorageSync('code', res.code); //发送请求携带code得到支付的以下参数 /* 1.打开某小程序,点击直接下单。 2.wx.login获取用户临时登录凭证code,发送到后端服务器换取openId。 3.在下单时,小程序需要将购买的商品Id,商品数量,以及用户的openId传送到服务器。 4.服务器在接收到商品Id、商品数量、openId后,生成服务期订单数据,同时经过一定的签名算法,向微信支付发送请求,获取预付单信息(prepay_id), 同时将获取的数据再次进行相应规则的签名,向小程序端响应必要的信息。 5.小程序端在获取对应的参数后,调用wx.requestPayment()发起微信支付,唤醒支付工作台,进行支付。 6.接下来的一些列操作都是由用户来操作的包括了微信支付密码,指纹等验证,确认支付之后执行鉴权调起支付。 7.鉴权调起支付:在微信后台进行鉴权,微信后台直接返回给前端支付的结果,前端收到返回数据后对支付结果进行展示。 8.推送支付结果:微信后台在给前端返回支付的结果后,也会向后台也返回一个支付结果,后台通过这个支付结果来更新订单的状态。*/ requestApi.wechatPayProduct({productId}).then((res)=>{ wx.requestPayment({ timeStamp: res.timeStamp, // 时间戳 nonceStr: res.nonceStr, // 随机字符串 package: res.package, // 统一下单接口返回的 prepay_id 参数值 signType: res.signType, // 签名类型 paySign: res.paySign, // 签名 success() { // 调用成功回调 wx.switchTab({ url: '../person/index', }) }, fail() { // 失败回调 }, complete() { // 接口调用结束回调 } }) }) } } }) }
,
标签:code,微信,支付,程序,res,后台,wx From: https://www.cnblogs.com/xmyfsj/p/17212454.html