微信H5支付开发流程(前端)

功能描述

公司最近有个项目要做基于微信的H5校服定制wepApp的开发,用户选择完商品后结算,整个流程结束。此文主要针对订单和结算流程介绍。在整个支付流程过程中,前端只做了很少一部分的工作(传递参数给后台使之生成订单,拿到订单相关参数调用WeixinJSBridge.invoke方法唤起微信支付界面,),大部分操作涉及安全问题均在后台实现。
点击结算则在后台生成订单

点击立即支付则唤起支付界面

准备工作

(1)设置支付目录
在”商户平台—产品中心—开发配置“设置公众号支付目录。这个一般要提前申请,需要审核资质,需要营业执照等等。
微信生态术语比较多 ,可以参考名词解释来更准确理解文档内容。
(2)设置授权域名
在公众号后台“设置—公众号设置—功能设置—网页授权域名”设置回调的域名。
配置网页授权域名

主要流程及说明

微信支付流程

微信支付业务流程时序图

参考文档 微信支付开发文档

原文地址:https://www.cnblogs.com/JessicaIsEvolving/p/8570151.html