最近几年，手机支付成了互联网发展的一个里程碑， 可以说现在大部分人的身上都没有现金，全是靠着一部手机吃饭、购物、打车等。而对于H5而言，它又该如何实现支付功能呢？
H5支付是指商户在微信客户端外的移动端网页展示商品或服务，用户在前述页面确认使用微信支付时，商户发起本服务呼起微信客户端进行支付。主要用于触屏版的手机浏览器请求微信支付的场景。可以方便的从外部浏览器唤起微信支付。顺便提醒一下，H5支付不建议在APP端使用，如需要在APP中使用微信支付，请接微信APP支付。
微信H5支付申请入口
登录商户平台-->产品中心-->我的产品-->支付产品-->H5支付
微信H5支付业务流程
商户侧
要求商户已有H5商城网站，并且已经过ICP备案。通过微信H5支付可以实现在非微信浏览器（如QQ浏览器、谷歌浏览器、Safari等）中使用微信支付的场景。
用户侧
步骤(1)：用户从非微信浏览器的站点导航进入商户H5网页，用户挑选需购买商品，选择微信支付发起购买流程。
步骤(2)：进入微信客户端确认交易，输入支付密码。
步骤(3)：支付成功，用户收到支付凭证，同时商户后台收到支付成功的通知。
微信H5支付开发步骤
1、用户在商户侧完成下单，使用微信支付进行支付；
2、由商户后台向微信支付发起下单请求，调用统一下单接口，交易类型trade_type=MWEB；
3、统一下单接口返回支付相关参数给商户后台，如支付跳转url（参数名“mweb_url”），商户通过mweb_url调起微信支付中间页；
4、中间页进行H5权限的校验，安全性检查；
5、如支付成功，商户后台会接收到微信侧的异步通知；
6、用户在微信支付收银台完成支付或取消支付,返回商户页面（默认为返回支付发起页面）；
7、商户在展示页面，引导用户主动发起支付结果的查询；
8、商户后台判断是否接到收微信侧的支付结果通知，如没有，后台调用我们的订单查询接口确认订单状态；
9、展示最终的订单支付结果给用户。
注：小伙伴们还想欣赏更多的行业H5案例吗？如果你还想看多的行业H5案例，可点击右侧“方案咨询”在线联系，或者微信搜索“蓝橙互动”公众号获取案例，有更多的优秀案例再等着你哟！
相关链接：节日H5|H5设计公司|H5制作|小程序开发|公众号开发
