手把手教你快应用接入微信H5网页支付

现象描述

微信支付支持两种接入支付方式：app支付接入和网页支付接入。

华为手机目前不支持app支付，如果您的快应用仅在华为推广，请勿接入app支付。以下仅说明H5网页支付方式。

问题分析

【注意】从 1040 版本开始，网页支付将支持设置referer方式，此方式不再需要实现中间页，但原先需要实现中间页跳转的方式还会继续支持。设置referer方式需要在pay接口中设置referer参数，pay接口的extra参数中必须配置mweb_url。referer是在微信支付后台配置的域名。从 1040 版本开始，在使用微信网页方式调用时，若该参数不为空，将通过设置referer的方式拉起微信客户端。

如果之前没有在h5网站中接入过微信支付能力，建议先查看微信官方文档。

快应用中接入微信H5支付和微信文档中介绍的一致，快应用只是提供了一个运行H5网页的webview，使用h5页面拉起微信支付的能力给开发者提供微信支付的接口。

 

快应用接入微信H5支付的步骤：

1.在微信开放平台新注册申请一个H5网站

https://open.weixin.qq.com/cgi-bin/frame?t=home/web_tmpl&lang=zh_CN

 

2.完成支付服务端的接入

按照微信官方的文档完成服务端的接入，服务器要完成的工作是接收来自客户端的支付请求，然后生成一个订单，之后把订单传给微信的服务器，微信会返回一个mweb_url，服务器需要把这个mweb_url返回给客户端。

 

3.发起微信支付（以下两种方式二选一，推荐第一种）

（1）不需要中间页实现（设置referer方式）

示例代码：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29

webPay: function () {   console.info('wxpay call function webPay')   pay.pay({       prepayid: