微信小程序接入微信支付流程

这篇具有很好参考价值的文章主要介绍了微信小程序接入微信支付流程。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

一、基本介绍

1、支付场景：点击支付按钮唤起微信支付弹窗，输入正确密码后完成支付。
2、基本流程：点击支付按钮首先生成一个订单，然后在后端调用微信api接口进行统一下单，将接口返回的数据回传到前端拉起支付操作，然后异步通知支付结果。

二、配置信息

1、微信公众平台配置

点击功能 – 微信支付，关联一下注册好的微信商户平台
微信小程序接入微信支付流程

1、微信商户平台配置

（1）设置证书和密钥
登录微信商户平台，点击账户中心 – API安全，设置证书和两个密钥（此处两个密钥设置为相同的。
微信小程序接入微信支付流程（2）申请JSAPI支付
①点击产品中心 – 我的产品，点击申请JSAPI支付。
②填写支付授权目录
开发配置中需要填写支付授权目录（后端服务器域名）

三、编码实现

1、获取用户的openId

必须要有微信用户的openid才可以唤醒支付功能。openid由微信公众号提供，是对于消费者微信产生的唯一用户身份标识。
获取方法：https://blog.csdn.net/m0_46613429/article/details/125868514

2、获取prepay_id和支付签名验证paySign

商户在小程序中先调用接口在微信支付服务后台生成预支付交易单，返回正确的预支付交易后调起支付。
（1）调用接口生成预支付订单拿到订单id

orderInsert(data).then(res => {
  if (res.data.code === 1) {
     this.getPayInfo(res.data.data.id)
   } else {
     wx.showToast({
       title: res.data.msg,
       icon: 'none'
     })
   }
})

（2）通过订单id调用接口获取用户支付所需参数

getPayInfo(id) {
  unifiedOrder({id}).then(res => {
		if(res.data.code === 1) {
			this.payMoney(res.data.data)
		} else {
      wx.showToast({
         title: res.data.msg,
         icon: "error"
       })
     }
  }
}

（3）通过wx.requestPayment方法调用起支付功能
微信小程序接入微信支付流程

payMoney(moneyData) {
	wx.requestPayment({
      timeStamp: moneyData.timeStamp,
      nonceStr: moneyData.nonceStr,
      package: moneyData.packageValue,
      signType: moneyData.signType,
      paySign: moneyData.paySign,
      success(res) {
        
      },
      fail(res) {
        wx.showToast({
          title: "支付失败！",
          icon: "error"
        })
      }
   })
}

四、流程总结

（1）小程序获取微信openId以及订单号传给后台
（2）后台根据openId和订单号进行签名post微信统一下单接口
（3）后台获取微信返回的xml字符串解析二次签名后返回给前端
（4）前端调起微信支付API文章来源地址https://www.toymoban.com/news/detail-411625.html

到了这里，关于微信小程序接入微信支付流程的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！