h5微信支付功能封装

因为各种原因吧，我们在做移动端开发的时候，涉及到money，我们经常要做微信支付。如果是做小程序开发，我们可以直接用小程序的原生接口，一键搞定，如果是h5网页的话，那我们就需要使用微信提供的js-sdk了。
注：使用了jssdk不是所有的环境都可以调用微信来支付，它只是单纯的微信环境下支付，如果要想支持非微信浏览器内支付，需要开通微信h5支付功能，我们现在用的都是微信的JSAPI支付，而微信的h5支付是要求商户已有H5商城网站，并且已经过ICP备案。哈哈哈哈，是不是很惊讶！太坑了呀！
虽然坑，还得用，那咱就搞一下它。
首先，打开我们的微信公众平台，阅读一下网页开发的基本要求 >微信h5支付是用在公众号内，由网页发起的微信支付请求。也是微信支付的一种。

h5支付是用在公众号内，网页发起的微信支付请求。

微信app支付，是自己开发的app，没发起微信支付请求的。

APP微信支付的申请流程如下：

注册开发者账号；

认证开发者资质；

创建APP并提交审核；

提交资料申请微信支付；

启动设计并开发；

开户成功，并且进行验证；

在线签署协议，并接入，即可完成接入。

1、微信平台申请申请入口：登录微信商户平台，点击产品中心，点击我的产品，点击支付产品，点击H5支付；

2、填写参数在微信支付平台成功申请到微信H5支付后，可以通过工单或 IM标准版及以上版本填写渠道参数。

微信支付是集成在微信客户端的支付功能，用户可以通过手机完成快速的支付流程。微信支付向用户提供安全、快捷、高效的支付服务，以绑定yhk的快捷支付为基础。

支持支付场景：微信公众平台支付、APP支付、二维码扫描支付、刷卡支付，用户展示条码，商户扫描后，完成支付。

用户只需在微信中关联一张yhk，并完成身份认证，即可将装有微信app的智能手机变成一个全能钱包，之后即可购买合作商户的商品及服务，用户在支付时只需在自己的智能手机上输入密码，无需任何刷卡步骤即可完成支付，整个过程简便流畅。

1、微信平台申请
申请入口：登录微信商户平台-->产品中心-->我的产品-->支付产品-->H5支付
2、填写参数
在微信支付平台成功申请到微信 H5 支付后，可以通过工单或 IM（标准版及以上版本）填写渠道参数。

在浏览器中调起微信支付，一般情况下，是在后台接入微信支付的接口，然后当用户需要支付的时候，在前台显示一个支付的二维码，用户使用微信支付的扫一扫功能，扫描该二维码，获取相应的支付信息，使用手机进行支付

最近我其中一个项目需要接入微信支付，实现方式是在WebView里利用Url拉起微信支付页面，但是实际 *** 作的时候却发现始终无法拉起支付页面，最后排查了一段时间，发现原来是因为一个很简单的问题出错了，于是解决问题以后特意想把这个问题记录下来分享，也便于以后自己解决同类问题。
可以看到，这里return 返回的是false，问题出在这里。这时我又在想，为什么会这样？

查阅资料以后我发现shouldOverrideUrlLoading的返回值的意义为：

那么这种情况下，返回值应该改为 false或者super shouldOverrideUrlLoading(view, url); ，因为微信支付调用 >APP的调用通过scheme，流程如下：

需要将微信H5支付的安全域名配置成scheme,微信支付完成会通过这个scheme跳转回APP。

[参考链接 >