微信小程序前端支付逻辑

在微信开发文档的api接口中提供了支付接口,首先我们要先清除支付的流程,过程几乎都是后端在主导,前端要做的其实很少,首先我们要清除支付这个流程,我了解到的是这4步

1,前端向后端发起请求,后端创建订单
2,后端向微信服务器发起请求,微信创建订单,返回prePayId到后端
3,后端返回prePayId,签名,时间戳,随机字符串,
4,前端拿这些参数调用微信接口完成支付

跟后端同事说一下需要注意的是,

1,时间戳是秒,不是毫秒(平时使用的是秒)
2,appid在第一次签名时是小写的'appid',第二次前面时'appId'
3,注意解析签名的方式

之后只需要调用微信公共的接口即可弹出支付窗口,
微信支付文档详情

wx.requestPayment({
  timeStamp: '',
  nonceStr: '',
  package: '',
  signType: 'MD5',
  paySign: '',
  success (res) { },
  fail (res) { }
})