前言

如果业务载体只是一个H5页面，并且有支付场景，可以使用“微信H5支付”和“支付宝手机网站支付”。 该产品的一般使用场景如下：

1、大部分业务属于活动性或临时性，通过H5模式传播更加便捷高效；

2、业务以H5的形式嵌入到APP中闭环。 由于业务独立，接入H5支付不需要APP集成支付所需的SDK；

注意：需要开发微信H5支付来匹配微信支付，否则无法在微信浏览器中完成支付行为。

如果不是以上两种场景，不建议使用该模式的支付产品。 主要存在两个问题：

1.支付前：有一定范围的旧版本手机系统无法激活支付宝和微信APP，因此支付宝可以自动降级为页面支付逻辑（2019年8月注册该产品的商户可以自动降级，并且后面报名的还必须下载支付宝APP支付），微信直接支付失败；

2、支付后：iOS系统无法自动从微信、支付宝返回原APP，需要用户手动切换； 可以网上查找解决方案，尝试跳回用户交互逻辑微信支付交互流程

微信支付交互流程 支付宝支付交互流程

支付宝支付交互流程系统交互逻辑

微信和支付宝处理这个产品的逻辑略有不同。 从商家角度来看，微信激活收银需要完成两个请求，即预购和打开预购的退货链接； 而支付宝则两者兼而有之。 该请求完成两个操作：预订和呼叫收银员。 具体系统交互链接如下：

微信支付系统流程图

支付宝支付系统流程图接口列表及说明

微信：/wiki/doc//open/pay/。

微信API列表

支付宝：手机网站支付接口2.0 | 网络和移动应用程序

支付宝API列表接入微信、支付宝的准备工作

微信

微信准备清单

下载并配置商户证书：调用资金相关接口需要通过证书验证身份，并且需要定期更换证书。 添加域名：添加后，域名即可用于激活微信支付。 最多可设置 5 个。 如果需要多种配置，可以微信申请

支付宝