前端H5调用微信支付

1. 用户在商家侧下订单并使用微信支付进行支付

2. 商家的后台向微信支付发起订单请求（调用统一的下订单界面）注意: 交易类型trade_type = MWEB

3. 统一的订单下达界面将与付款相关的参数返回到商家的后端，例如付款跳转网址（参数名称为“ mweb_url”），然后商家通过mweb_url调用微信支付中间页面

4. 检查中间页上的H5权限和安全检查（常见错误请参见下文）

5. 如果付款成功，则商家后台会在微信上收到异步通知

6. 用户在微信支付收银机上完成支付或取消支付后，返回商户页面（默认为返回支付启动页面）

7. 显示页面上的商家可引导用户积极发起付款结果查询

8,9. 商户背景判断是否已经在微信侧收到付款结果通知. 如果没有，则后台调用我们的订单查询界面以确认订单状态

10. 向用户显示最终订单付款结果

主要含义是: 下订单时向后台发起请求，后台通过获取的参数请求微信后台生成订单，并返回路径mweb_url微信公众h5支付宝支付，该路径用于调用微信应用程序发起付款操作. 而当我们走上这条路时，我们可以跳转到微信支付.

H5无法获得微信的付款结果，因此最好有一个中间页面或一层来查询付款结果的背景，否则，有时用户的手速太快，付款成功后将返回return，您去询问付款结果，但是结果尚未处理. 当您返回未付款状态时，您的用户将被迫，老板将杀死您（不要问，问题是眼泪），因此此回调查询付款不能是自动查询，可以是过渡页，或加载页面（最好是5秒）

在正常过程中，付款完成后，用户将返回到发起付款的页面. 如果要返回指定的页面，可以在MWEB_URL之后拼接redirect_url参数以指定回调页面.

例如，如果您希望用户在付款完成后跳至（拼接参数等），则可以执行以下操作:

假设您通过统一下单接口获到的 MWEB_URL= https://wx.tenpay.com/cgi-bin/mmpayweb-bin/checkmweb?prepay_id=wx20161110163838f231619da20804912345&package=1037687096
则拼接后的地址为 MWEB_URL= https://wx.tenpay.com/cgi-bin/mmpayweb-bin/checkmweb?prepay_id=wx20161110163838f231619da20804912345&package=1037687096&redirect_url=https://www.alaal

1. 需要使用urlencode redirect_url（必填）

2. 设置redirect_url后，跳回指定页面的操作可能发生在以下位置:

（1）在微信支付的中间页上激活微信收银机后超过5秒

（2）付款完成后，用户单击“取消付款”或单击“完成”按钮.

因此，不能保证页面跳回时付款过程已经结束，因此商家设置的redirect_url地址不能自动执行订单检查操作，应允许用户单击按钮来触发付款. 订单检查操作. （您的用户不会杀死您最好的操作）跳回页面的显示效果可以参考下图

3. 请确保实际付款期间请求的目录与后台配置的目录一致，否则将无法成功启动微信支付.

付款查询

H5付款在微信上不可用微信公众h5支付宝支付，您可以在微信中引用JSAPI付款；

微信官方体验链接: 请在微信以外的浏览器中打开它.

如果此页面需要在微信中付款，请参阅下一章H5微信内部付款

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/tongxinshuyu/article-196556-1.html