h5收银台html静态页微信,前端H5微信内部支付

上一章讲了微信外部的H5支付，当然同一个页面是不会仅仅满足在微信外部支付的，扩展到JSAPI支付；

实际上很多操作都是你的后端小伙伴完成的，感谢后端大大；

交互细节：

以下是支付场景的交互细节，请认真阅读，设计商户页面的逻辑：

用户打开商户网页选购商品，发起支付，在网页通过JavaScript调用getBrandWCPayRequest接口，发起微信支付请求，用户进入支付流程。

用户成功支付点击完成按钮后，商户的前端会收到JavaScript的返回值。商户可直接跳转到支付成功的静态页面进行展示。

商户后台收到来自微信开放平台的支付成功回调通知，标志该笔订单支付成功。

注：(2)和(3)的触发不保证遵循严格的时序。JS API返回值作为触发商户网页跳转的标志，但商户后台应该只在收到微信后台的支付成功回调通知后，才做真正的支付成功的处理。

过程：

一、设置支付目录

请确保实际支付时的请求目录与后台配置的目录一致(现在已经支持配置根目录，配置后有一定的生效时间，一般5分钟内生效)，否则将无法成功唤起微信支付。

在微信商户平台(pay.weixin.qq.com)设置您的JSAPI支付支付目录，设置路径：商户平台-->产品中心-->开发配置，如图所示。JSAPI支付在请求支付的时候会校验请求来源是否有在商户平台做了配置，所以必须确保支付目录已经正确的被配置，否则将验证失败，请求支付不成功。