外部浏览器调起微信h5支付
外部浏览器调起微信H5支付
在移动互联网时代,移动支付成为人们支付的主要方式之一,微信支付由于其方便、快捷、安全等特点受到广大用户的青睐。对于商户来说,如何在其网站或移动应用中使用微信支付呢?本文将介绍如何通过外部浏览器调起微信H5支付。
一、什么是H5支付?
H5支付是指商户在微信客户端外的移动端网页展示商品或服务,用户在前述页面确认使用微信支付时,商户发起本服务呼起微信客户端进行支付。主要用于触屏版的手机浏览器请求微信支付的场景。
二、如何开通H5支付?
1、开通微信商户
开通H5支付,必须先开通微信商户。如果您是企业,需要提供营业执照;如果您是个体户,只能开通微信商户小程序。入驻成为微信商户,需要在线提交营业执照、身份证、银行账户等基本信息,快速提交申请。
2、申请开通H5支付
登录商户平台,进入【产品中心->产品大全->我的产品->H5支付】可以查看H5支付的开通状态。点击申请开通页面,即可来到微信支付H5支付的申请开通界面。
在申请页面中,需要填写相关信息:
1)支付域名:此处填写的域名需要提供一份域名授权书。域名可以自行ICP备案或授权其他备案域名公司帮您备案后,填写域名授权书给需要开通微信支付H5支付的企业或个人。
2)售卖产品/使用场景的描述:此处需要填写一项需要开通微信支付H5支付企业的营业范围,以便微信方面做审核。
3)补充材料:在最后的补充材料中,则是提交一份域名证书和域名授权书。
3、等待审核
一般申请下来的周期是1天的审核时间左右,审核通过后,商户可以开始使用微信H5支付。
三、如何调起微信H5支付?
商户在移动端网页中第一步需要使用WeixinJSBridge.isWxAppInstalled()方法来检测用户是否已经安装了微信客户端。如果用户没有安装微信客户端,那么就需要引导用户下载安装微信客户端。
当用户安装了微信客户端后,商户在触发用户支付行为时,会构造好支付订单并通过微信支付统一下单接口(https://api.mch.weixin.qq.com/pay/unifiedorder)获取到预支付交易会话标识prepay_id,最后生成调起支付的“预支付交易会话标识”后通过WeixinJSBridge.invoke方法呼起微信支付界面。相关代码如下:
```
function onBridgeReady(payData) {
WeixinJSBridge.invoke(
'getBrandWCPayRequest', {
...payData
},
function(res) {
if (res.err_msg == "get_brand_wcpay_request:ok") {
//支付成功
} else if (res.err_msg == "get_brand_wcpay_request:cancel") {
//用户取消支付
} else {
//支付失败
}
});
}
```
以上就是外部浏览器调起微信H5支付的方法和流程。开通微信H5支付,需要提交相关资料并经过微信方的审核。调起微信H5支付,需要检测用户是否已经安装了微信客户端,并通过微信支付接口获取预支付交易会话标识prepay_id,最后通过WeixinJSBridge.invoke方法呼起微信支付界面。