微信H5网页公众号外支付接入攻略demo

Posted 2023-04-16

参考技术A 最近在某C论坛中发现有很多的网友在提问和求助自己的网站卖东西，希望可以接入一个支付接口，可以在用户购买后直接在网页上支付。

我在这里发表一下，网站如果希望用户通过在线付款的方式进行付款，就需要申请一种或多种用于进行人民币支付的支付接口。在线支付接口提供商可以是某个商业银行、银联在线支付或者支付宝、微信支付等第三方的支付机构。

这其中微信支付的申请是比较简单的

下面是对申请微信支付接口做简单介绍：

最常用的第三方支付机构如新浪支付微博钱包、支付宝、财付通、快钱、环迅支付、易宝支付等。他们拥有中国人民银行颁发的非金融机构第三方支付许可证。可以为用户提供支付业务服务，如果用第三方支付首选微信支付，简单易操作。

网站接入微信支付实现在线支付功能，通常有两种方式，一种是在微信内部访问网站，然后下单支付；另一种是在微信外部访问网站，然后下单支付。

在微信内部，我们可以通过在公众号聊天窗口发送访问自己网站链接，或者将网站链接发在自己的朋友圈，微信用户都可以在进入下单，点击下单就会唤起微信H5支付，确认金额，输入支付密码即可完成交易。这个是公众号支付申请，之前就已经开放申请了。针对微信内场景支付

在微信外部，我们可以通过触屏手机上自带的浏览器进入网站，唤起微信支付。这个是微信H5支付申请，是在近期开放的。针对的是企业公司的商城网站场景支付。

所以想获得微信支付H5支付接口：

1首先要有公司资质例如营业执照、公司对公账户、网站备案域名、合法居民身份证；

2这些都需要自申请中上传给微信人工审核；

3审核通过后就可以获得微信支付商户平台的账户和密码

4在商户平台里找到申请入口

5进入申请界面填入H5相关设置信息，注意填入的信息一定要和自己的销售商品情况保持一致。

6提交，等待审核，2个工作日左右，审核通过马上获得支付接口

7再将接口和网站接入即可。

对新接触微信支付的企业来说，申请微信支付还是一个比较头疼的事情，遇到申请失败或被驳回、没有备案的公司网站网址域名、需要网站授权函、类目不会选择导致未通过，都可以通过黑河马进行协助解决，代申请包通过。

vue实现-微信网页中唤起支付宝支付

参考技术A 微信浏览器内是无法唤起支付宝的，会提示在浏览器打开，类似下面

所以在微信公众号的支付宝支付最终是通过手机浏览器唤起的支付宝支付，按照手机网站的支付方式即可。
官方也有demo,官方demo的用户提示相对来说更好一些，可以参照一下
微信公众平台无法使用支付宝收付款的解决方案

用vue的要注意ap.js中需要修改

此处不用路由跳转的原因是因为在ios手机中，路由跳转后的页面，复制出来的链接并不是本路由的实际url

我的实现：

微信网页和手机浏览器都可通过该方式
_AP.pay(gotoUrl);
调用的是