一、使用场景

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

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

提醒:H5支付不建议在APP端使用,如需要在APP中使用微信支付,请接APP支付,文档详见微信支付开发文档。

申请入口:登录商户平台-->产品中心-->我的产品-->支付产品-->H5支付

二、效果图

微信官方体验链接:https://wxpay.wxutil.com/mch/pay/h5.v2.php
请在微信外浏览器

图1

图2

图3

三、开发步骤

1、用户在商户侧完成下单,使用微信支付进行支付

2、由商户后台向微信支付发起下单请求(调用统一下单接口)注:交易类型trade_type=MWEB

3、统一下单接口返回支付相关参数给商户后台,如支付跳转url(参数名“mweb_url”),商户通过mweb_url调起微信支付中间页

4、中间页进行H5权限的校验,安全性检查(此处常见错误请见下文)

5、如支付成功,商户后台会接收到微信侧的异步通知

6、用户在微信支付收银台完成支付或取消支付,返回商户页面(默认为返回支付发起页面)

7、商户在展示页面,引导用户主动发起支付结果的查询

8,9、商户后台判断是否接到收微信侧的支付结果通知,如没有,后台调用我们的订单查询接口确认订单状态

10、展示最终的订单支付结果给用户

相关资料:

最新文章

  1. 夺命雷公狗----Git---2---基本用法
  2. SpringBoot Jms
  3. 如何避免测试人员提交重复的Bug
  4. ExtJs学习笔记之Button组件
  5. HackPorts – Mac OS X 渗透测试框架与工具
  6. XAMPP 的安装配置
  7. Android JNI之C/C++层调用JAVA
  8. 使用 Intel HAXM 为 Android 模拟器加速,媲美真机(转)
  9. css 中的若干心得
  10. archlinux的wiki非常强壮
  11. Csharp Syntactic sugar
  12. Javascript 页面刷新
  13. socket.io 入门篇(三)
  14. 使用JPA中@Query 注解实现update 操作
  15. SPOJ D-QUERY
  16. 初入 vue
  17. ubuntu配置neuwork网络
  18. python字符串截取、查找、分割
  19. Javascript高级编程学习笔记(28)—— BOM(2)window对象2
  20. git的介绍

热门文章

  1. easyUI之slider滑动条框
  2. JAVA RMI分布式原理和应用
  3. Delphi编写的等长加密与解密
  4. elk收集tomcat的日志
  5. Java泛型(2):泛型接口
  6. v-on可以监听多个方法吗?
  7. lua学习笔记3--lua与c#交互
  8. windows下安装Sonar
  9. 人渣给我笔记本网络适配器里加的的“bluetooth设备(个人局域网)”,卸载不掉
  10. Design HashMap