微信公众号支付开发

最近要做一个公众号开发,里面还涉及到微信支付,对着微信支付接口文档撸了个大概,现在分享出来,希望对大家有所帮助。其实,微信的开发文档中已经说得很全了,通读一遍就会发现一点都不复杂。

1.准备工作

申请一个微信公众号,并成为开发者。

微信公众号支付开发_第1张图片
开发者入口
微信公众号支付开发_第2张图片
成为开发者

开通微信支付,并开通商户平台


微信公众号支付开发_第3张图片
微信支付申请入口

微信支付申请完成后会给公众号相关联的邮箱发送一封邮件,这封邮件很重要,不要删了。另外,个人类型的公众号是不能申请微信支付的。

配置支付授权目录,就是发起微信支付的页面目录,在微信公众平台--微信支付--开发配置中

微信公众号支付开发_第4张图片
支付授权目录

2.分析支付核心流程。

先看一张微信支付的时序图,微信的开发文档中有的

微信公众号支付开发_第5张图片
微信支付的时序图

先来大致理解下这张图。https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_1。就拿开发文档中的例子来说。用户选购商品,点击立即充值,前端像商户后端发送请求,生成一个商户侧的订单,然后商户后端调用微信统一下单api,生成微信预付订单,得到微信服务器返回的数据后,商户后端将数据进行处理然后返回前端页面。(按照上面时序图的说法,页面在打开h5商户页面浏览的时候会请求生成预付订单。但我个人理解是用户在选定商品后点击确认才发起请求生成预付订单。关于这点,如果有不同见解希望可以提出来讨论)


微信公众号支付开发_第6张图片
选购商品

前端页面拿到数据后利用js-api直接向微信服务器发送支付请求。此时微信会向用户请求支付授权,就像下面这样。


微信公众号支付开发_第7张图片
请求用户支付授权

点击确认支付后提示输入密码


微信公众号支付开发_第8张图片
输入支付密码

密码输入完成后,支付成功。


微信公众号支付开发_第9张图片
支付成功

时序图中第10,11步。用户在支付成功后会异步发送通知给商户后端。这里我理解的是,就相当于我们按照微信给定的标准给微信服务器提供一个接口,支付成功后,微信调用我们提供的接口,将数据以xml格式传入接口,我们在接口中进行数据处理,然后按照指定的格式返回给微信。而这个地址就是在我们调用统一下单API的时候传给微信服务端的。整个核心的支付流程就是这个样子。现在我们来看接口怎么调。

3.开始开发。

下载微信支付SDK与DEMO,下载解压,将wxpay-sdk.jar导入项目中。这个sdk中已经封装好了微信支付所需要的请求及其他方法,我们无需自己再去写http请求调用微信api并解析结果了,我们只需关注业务就行。开发的时候将demo文件中的readme.md文档打开,这个文档会告诉你 微信api接口怎么调用。

第一步,创建一个类继承自WXPayConfig,并实现里面的方法.参照readme.md中的MyConfig.其中certData表示证书数据证书在商户平台-账户中心-api安全下。appID为公众号ID,MchID为微信支付商户号,在申请微信支付成功后的邮件中有。key为API秘钥,这是自己在微信商户平台下设置的。跟证书在一个栏目下,自己设置下就行。

统一下单,参照readMe.md文档的例子。注意在统一下单请求成功后会得到一个prepay_id,这个prepay_id是要返回前端的,但是根据时序图的说法,好像这个prepay_id跟其他参数要做一个签名?可以调用WXPayUtil中的generateSignature(Map data,String key)进行签名,将签名后的数据返回给前端。然后前端用js-sdk调用微信支付控件。

其它的API调用什么的微信开发文档中都已经说的很清楚了,参照readme.md中的内容,结合自己的业务需要,依葫芦画瓢就行了。我接触这个也才两天,刚把接口写完,还没跟前端进行调试,测试,所以肯定还有很多的不完善的地方,今天只是写个思路,等产品上线并测试后再汇总问题。

你可能感兴趣的:(微信公众号支付开发)