首先说明一下微信小程序支付的主要逻辑集中在后端前端只需携带支付所需的数据请求后端接口然后根据返回结果做相应成功失败处理即可。我在后端使用的是php关键词排名优化前端只需携带支付所需的数据请求后端接口然后根据返回结果做相应成功失败处理即可。我在后端使用的是php当然在这篇博客里我不打算贴一堆代码来说明支付的具体实现而主要会侧重于整个支付的流程和一些细节方面的东西。所以使用其他后端语言的朋友有需要也是可以看一下的。很多时候开发的需求和相应问题的解决真的要跳出语言语法层面去从系统和流程的角度考虑。好的也不说什么废话了。进入正题。
一. 支付
前端携带支付需要的数据(商品id购买数量等)发起支付请求
后端在接收到支付请求后处理支付数据然后携带处理后的数据请求 微信服务器 的 支付统一下单接口
前端进行支付动作
前端支付完成后微信服务器会向后端发送支付通知(也就是微信要告诉你客户已经付过钱了)后端根据这个通知确定支付完成然后就去做支付完成后的相应动作比如修改订单状态添加交易日志啊等等。
从这几个步骤可以看出后端主要的作用就是将支付需要的数据传给微信服务器再根据微信服务器的响应确定支付是否完成。
这个流程还是蛮容易理解的。形象的说前端就是个顾客后端就是店家微信服务器的统一下单接口就像收银员。顾客跟店家说我是谁谁谁现在我要付多少多少钱给你买什么什么。店家就跟收银员说那个谁谁谁要付多少钱你准备收钱吧。收银员收到钱后就去告诉店家关键词排名就去告诉店家我已经收到钱了你给他东西吧。
下面就详细的说明一下各个步骤的具体实现。
1. 前端请求支付
前端请求支付就是简单的携带支付需要的数据例如用户标识支付金额支付订单 ID 等等跟 **你的业务逻辑有关** 或者跟 **下一步请求微信服务器支付统一下单接口需要的数据有关** 的相关数据使用微信小程序的 wx.request( ) 去请求后端的支付接口。
2. 后端请求微信服务器
后端接收到前端发送的支付请求后可以进行一下相关验证例如判断一下用户有没有问题支付金额对不对等等。
在验证没什么问题可以向微信服务器申请支付之后后端需要使用 微信规定的数据格式 去请求微信的支付统一下单接口。
微信规定的请求数据:
这需要较多代码实现。因为需要的数据个数较多而且还需要加密并以 XML 格式发送。
首先有以下数据是使用小程序支付必须提供给微信服务器的参数。
小程序 appid。写小程序的大概没有不知道这个的。。。
用户标识 openid。也就是用户的小程序标识在我上篇博客中说明了如何获取。
商户号 mch_id 。申请开通微信支付商户认证成功后微信发给你的邮件里有
商户订单号 out_trade_no 。商户为这次支付生成的订单号
总金额 total_fee 。订单总金额很重要的一点是单位是分要特别注意。
微信服务器回调通知接口地址 notify_url。微信确认钱已经到账后会往这个地址多次发送消息告诉你顾客已经付完钱了你需要返回消息给微信表示你已经收到了通知。。这个地址不能有端口号同时要能直接接受POST方法请求。
交易类型 trade_type 。微信小程序支付此值统一为 JSAPI
商品信息 Body。类似"腾讯-游戏"这种格式
终端IP地址 spbill_create_ip 。终端地址IP也就是请求支付的 IP 地址。
随机字符串 nonce_str 。需要后端随机生成的字符串用于保证数据安全。微信要求不长于32位。
签名 sign 。使用上面的所有参数进行相应处理加密生成签名。(具体处理方式可见下文代码关键词排名也就是请求支付的 IP 地址。
随机字符串 nonce_str 。需要后端随机生成的字符串用于保证数据安全。微信要求不长于32位。
签名 sign 。使用上面的所有参数进行相应处理加密生成签名。(具体处理方式可见下文代码可直接复用。)
在处理好以上所有数据后将这些数据以 XML 格式整理并以 POST 方法发送到 微信支付统一下单接口 https://api.mch.weixin.qq.com/pay/unifiedorder 。
3.后端接受微信服务器返回数据
微信服务器在接收到支付数据之后如果数据没有问题其会返回用于支付的相应数据其中非常重要的是 名称为 prepay_id 的数据字段需要将此数据返回前端前端才能继续支付。
因此在后端接收到微信服务器的返回数据后需要进行相应的处理最终返回到前端如下数据:
appid 不需多说
timeStamp 当前时间戳
nonceStr 随机字符串
package 就是上面提到的 prepay_id不过切记格式如 “prepay_id= prepay_id_item“。否则会导致错误。
signType 加密方式一般应该是 MD5
paySign 对以上数据进行相应处理并加密。
到这里后端的支付接口已经完成了接收前端支付请求并返回了前端支付所需数据的功能。
4. 前端发起支付
前端在接收到返回数据后使用 wx.requestPayment() 来请求发起支付。此 API 需要的对象参数各项值就是我们上一步返回的各个数据。