微信公众号支付前端部分流程

上周公司安排了微信公众号支付开发任务，经过快一周的不断填坑，终于把支付搞定，现在把遇到的问题和开发步骤记录一下，方便遇到同样问题的老铁们节省一些时间，少入些坑，先说一下本文不包含的内容，因为这些并不难配置，网上也有很多讲解，先做一下声明：

1.我做的是微信公众号支付，在微信内H5调起支付
2.公众号支付申请也不讲
3.公众号的授权路径这些在官网都有，不再讲：https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_3
4.微信公众平台-微信支付-开发配置-支付授权目录配置也不再说

业务流程

建议对业务流程不熟悉的先看下：

https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_4

比如：哪些是需要前端做的，哪些是后端做的，哪些是微信支付系统的

我直接从生成商户订单开始说起，在官网的业务流程是第4步。

1.在咱们的后台生成订单

2.在后台调用微信的统一下单接口，参数不细讲，因为官网说的很详细了
https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=9_1
微信系统会生成预付单，接口返回成功其中一个参数是prepay_id

3.后台返回支付参数prepay_id，还有一个参数是签名paySign，这个前端或者后台来做签名都行

4.前端网页中执行JS调起支付
https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_7&index=6
这一步常常会有支付失败的返回 get_brand_wcpay_request:fail，大部分是签名和公众号的授权路径问题。公众号的授权路径问题这个我讲一下，我用的是SPA（单一页面），所以授权路径是会改变的，我把微信调起支付时的页面单独提了出来，放在网址的根页面，这个支付页面路径肯定是固定的了。我看有人说可以用/#/之前的路径，但是我是没有这样成功。授权路径写法也有很多例子，如：
http://www.cnblogs.com/zhouXX/p/6892039.html

5.微信系统进行检测是否合法

6.微信系统调起输入密码

7.用户输入密码

8.微信系统验证，然后告知咱们后台和前端是否成功。前端上面4.的接口中返回

9.微信系统展示支付消息给用户

注：
1.参数中时间戳是10位，以秒为单位
2.这个是签名算法，MD5加密前端也有插件，搜一下有一堆不再讲：
https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=4_3

总结

感觉遇到坑主要是因为官方文档不知道从何看起，没有明了健全的流程说明，微信支付现在分的块儿太多。

微信公众号支付前端部分流程相关推荐

微信公众号支付申请配置流程
微信公众号支付申请配置流程公众号支付申请步骤微信公众号支付配置公众号支付:用户在微信内进入商家H5页面,在页面内完成支付. 公众号支付申请步骤注册公众账号(政府或媒体订阅号.服务号才能接入支付 ...
php 公众号微信支付流程,微信公众号支付完整流程案例
简介微信公众号支付,顾名思义就是必须在微信中实现支付,并且需要公众号配合. 教程由于我们使用的是第三方封装好的接口,这里省去了我们自己配置公众号.为什么用第三方?因为个人没有申请权限. 交互细节: ...
微信公众号支付从前端到后台（小白教程）
耗时一个星期终于搞定微信支付,对于第一次涉足前端.微信支付的我来说,这并非易事,闲话少说,下面我用最通俗的语言来描述一下: 第一部分微信公众号后台 1.申请微信公众号(需要营业执照),开发者认证(3 ...
微信公众号支付流程
1.支付参数准备(图就不上了) 公众号的APPID.商户号MchID.商户API支付秘钥(商户平台的账户中心下:需要用户自行下载证书及安装). 2.平台配置商户平台-->产品中心-->开 ...
微信公众号支付调用chooseWXPay提示“errmsg choosewxpay fail”
微信公众号支付一直提示"errmsg choosewxpay fail",也没有提示具体错误信息,签名没有问题(签名验证地址:https://pay.weixin.qq.com/w ...
js如何调用h5的日期控价_微信公众号支付H5调用支付解析
最近项目需要微信支付,然后看了下微信公众号支付,虽然不难,但是细节还是需要注意的,用了大半天时间写了个demo,并且完整的测试了一下支付流程,下面分享一下微信公众号支付的经验. 一.配置公众号微信支付 ...
vue 微信公众号支付接口_基于vue的h5项目之支付宝支付与微信支付
本文仅记录基于vue开发h5项目过程中使用支付宝和微信支付过程中的重点与槽点,仅为前端部分,如有疏漏不正之处,请于文末评论探讨.注意:标红部分灰常重要,仔细阅读官方文档非常重要,耐心非常重要,细心非常 ...
h5通过php微信支付宝支付,用H5调用支付微信公众号支付的解析
这篇文章主要为大家详细介绍了微信公众号支付H5调用支付,具有一定的参考价值,感兴趣的小伙伴们可以参考一下最近项目需要微信支付,然后看了下微信公众号支付,虽然不难,但是细节还是需要注意的,用了大半天时 ...
微信公众号支付开发手记（node）
微信支付前言总结一下最近业务开发中对微信公众号支付的开发过程,微信支付的开发前提是已经具备可上线微信公众号开发的基础上进行的,如果你的开发阶段目前停留在起步,建议参考这篇文章开始. 好了,来聊一聊 ...

微信公众号支付前端部分流程

业务流程

总结

微信公众号支付前端部分流程相关推荐

最新文章

热门文章