※如果只想查看配置流程，请直接跳到第三大点~

一、场景介绍

H5支付是指商户在微信客户端外的移动端网页展示商品或服务，用户在前述页面确认使用微信支付时，商户发起本服务呼起微信客户端进行支付。 

主要用于触屏版的手机浏览器请求微信支付的场景。可以方便的从外部浏览器唤起微信支付。

二、业务流程

（1）商户侧：

要求商户已有H5商城网站，并且已经过ICP备案。通过微信H5支付可以实现在非微信浏览器（如QQ浏览器、谷歌浏览器、Safari等）中使用微信支付的场景。

（2）用户侧：

步骤1：用户从非微信浏览器的站点导航进入商户H5网页，用户挑选需购买商品，选择微信支付发起购买流程。

步骤2：进入微信客户端确认交易，输入支付密码。

步骤3：支付成功，用户收到支付凭证，同时商户后台收到支付成功的通知。

三、事前准备

配置前，请确认当前的微信H5支付的开通状态，如果尚未开通，请自行前往微信开通后再回来配置。

步骤1：登陆微信商户平台 （网址：https://pay.weixin.qq.com）

步骤2：检查微信H5支付的开通状态。

【菜单入口：产品中心-->我的产品-->支付产品-->H5支付】

四、参数配置

请根据后续的说明找到下图所需的配置参数，并在后台H5支付页面填入对应参数：

（1）微信商户名称&微信商户号

【查询入口：登陆微信商户平台-->账户中心-->商户信息 】（网址：https://pay.weixin.qq.com）

（2）APPID

商户申请微信支付时提供的公众号APPID，如有疑问请咨询微信官方客服咨询，可以在微信公众平台查看。

【查询入口：登陆微信公众平台-->基本配置】 （网址：https://mp.weixin.qq.com）

（3）签名类型

选择MD5

（4）秘钥&证书

【查询入口：登陆微信商户平台-->账户中心-->API安全 】（网址：https://pay.weixin.qq.com）

（5）证书密码

证书密码一般默认为您的微信支付商户号

（6）支付授权目录配置

请将n.weimob.com/saas/payment/weixinpay/ 添加到微信商户平台。

【配置入口：登陆微信商户平台-->产品中心-->开发配置】（网址：https://pay.weixin.qq.com）

将以上参数填入商户后台H5支付配置框中，点击“确认”。回到配置主界面点击“启用”即可。