H5在微信小程序及公众号中的支付

为了解决在公众号支付和在小程序中支付问题，写了个js工具文件，根据当前环境执行不同的支付方法（以小程序支付流程为主）

在小程序支付中，需要注意两个地方，第一是由于package='prepay_id=XXX'传到小程序时会导致数据接收不完全，所以就只传XXX，‘prepay_id=’由小程序那边拼接上了；第二点是‘/pages/Pay/Pay’是与小程序约定的处理支付功能的页面，需要对应着。

在需要调用的文件用引入【import {payTool} from './PayTool.js'】，并在获取订单信息后，传入订单信息，发起支付流程【payTool(payParam)】

在小程序中获取订单信息

https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=7_7

根据微信小程序支付说明文档使用接收的参数调取支付功能

2020.12.24补充

刚学到还有个qs可以用，，，

1、npm install qs

2、var qs = require('qs')

3、不需要对package进行修改，直接传参即可。 小程序那边也不需要再处理了

2019年12月26日

文档：

https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=7_7

一.一般要开发的两个接口

1.统一下单

https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=9_1

2.申请退款

https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=9_4

3.签名规则

https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=4_3

二.小程序支付时序图

关键就是wx.requestPayment(object)

2.ps商户系统和微信支付系统主要交互：

1、小程序内调用登录接口，获取到用户的openid,api参见公共api【 小程序登录API 】

2、商户server调用支付统一下单，api参见公共api【 统一下单API 】

3、商户server调用再次签名，api参见公共api【 再次签名 】

4、商户server接收支付通知，api参见公共api【 支付结果通知API 】

5、商户server查询支付结果，api参见公共api【 查询订单API 】

三.微信小程序支付实现步骤

1.获取登录凭证code 并传给后端服务器

2.后端服务器请求微信服务器获取openid和session_key，并将openid返回给小程序

3.小程序客服端发起支付请求给后端服务器 （带上openid参数）

4.后端服务器接收到openId后，调用微信支付统一下单接口（后端调用的，用来给小程序获取支付参数）

5.拿到后端服务器返回的5个参数后，调用最终支付接口wx.requestPayment

6.微信服务器进行支付成功后，通知后端服务器。

---