H5支付是基于公众号开发的一种非微信内游览器支付方式,可以满足在微信外的手机H5页面进行微信支付的需求。H5支付目前有两种不同的交易类型,分别为WAPheMWEB。下面分别介绍如下:

1、交易类型为WAP的交易流程如下:同JS API支付一直,支付时填充相关参数,并将交易类型设置为WAP。相关代码如下:

微信公众号开发可发起的支付方式(微信公众号中微支付的H5页面支付方法讲解)(1)

上述代码将生成如下XML数据。

微信公众号开发可发起的支付方式(微信公众号中微支付的H5页面支付方法讲解)(2)

将该XML向统一支付接口提交,将返回如下XML数据。

微信公众号开发可发起的支付方式(微信公众号中微支付的H5页面支付方法讲解)(3)

其中最重要的是prepay_id参数,将其提取出来,然后将appid、nonce_str、package、prepay_id、timestamp等几个参数进行微信支付签名,并按固定格式生成DeepLink。用户点击该DeepLink时,将调起微信支付插件,完成支付过程。

2、交易类型为MWEB的交易流程如下:同JS API支付一致,支付时填充相关参数,并将交易类型设置为MWEB。相关代码如下:

微信公众号开发可发起的支付方式(微信公众号中微支付的H5页面支付方法讲解)(4)

上述代码将生成如下XML数据。

微信公众号开发可发起的支付方式(微信公众号中微支付的H5页面支付方法讲解)(5)

将该XML向统一支付接口提交,将返回如下xML数据。

微信公众号开发可发起的支付方式(微信公众号中微支付的H5页面支付方法讲解)(6)

其中最重要的是mweb_url,用户点击该URL时,将调起微信支付插件,完成支付过程。

,