微信公众号支付从前端到后台（小白教程）

耗时一个星期终于搞定微信支付，对于第一次涉足前端、微信支付的我来说，这并非易事，闲话少说，下面我用最通俗的语言来描述一下：

第一部分 微信公众号后台

1、申请微信公众号（需要营业执照），开发者认证（300两），微信支付申请。申请过程不细讲，按照引导一步步完善信息，接下来用到的所有配置项如果没有开放，就要对应向微信申请。
2、程序员直接看“开发”部分。首先“开发”–“基本配置”中开发者ID(AppID)、开发者密码(AppSecret)这两项是需要记录下来的，接下来的很多地方需要这两个数值来请求微信的接口，IP白名单需要把服务器的IP加进去，只有加进去的服务器，才能成功调取到微信的access_token（这个值是将来请求微信接口时，获取用户OpenId、用户基本信息之类的数据时所必须的）。其它暂时不需要配置。
3、其次“开发”–“开发者工具”。开发者文档（看得懂的直接忽略本文章）；web开发者工具就是一个类似浏览器的软件，微信授权登陆的时候实际上是直接登陆微信的链接，但是这个链接仅限在手机微信打开没办法调试，这样开发者就需要在电脑使用开发者工具打开这些链接建议使用;其它选项先忽略。
4、接口权限，只要开通了微信支付，该有的都有了。

第二部分 后台

1、集成后台SDK，可以通过“微信支付”–“使用教程”–“公众号支付”–SDK与DEMO下载，选择对应的后台类型下载，下面的都是java版的解读。
2、微信公众号支付SDK集成到Java程序中。首先通过maven引入代码如下：

<dependency>
    <groupId>com.github.wxpay</groupId>
    <artifactId>wxpay-sdk</artifactId>
    <version>0.0.3</version>
</dependency>

3、在微信官方下载的java版SDK中，\src\main\java\com\github\wxpay\sdk路径下的七个函数复制出来放到自己的工具类备用。其它文件中的内容都可以忽略，因为maven引用中已经将所有需要的jar包都已经导入。很关键的一点，在readme.md文件中很详细的介绍了一些常用的方法，其中就有统一支付的调用方法。

4、从WXPay中不难找到，其中就有统一支付的Java代码，以及要传入的参数，试着将微信公众号中提供的openId绑定调用，即可收到返回信息，统一支付有两种模式，分别是trade_type=NATIVE时（即扫码支付）trade_type=JSAPI时即为公众号发起的支付，区别在于，前者返回一串二维码字符串，通过qrcode二维码编译成二维码之后，可供用户扫码支付；后者会调用微信自带的接口，跳出密码输入框，让用户输入密码之后支付。下面针对传入trade_type=JSAPI之后需要做的操作。
5、上一步传入JSAPI的同时，需要传入的参数还有prepay_id、用户openid 等，prepay_id、用户openid 是通过微信的另一个接口，将用户授权登陆获取的token传入获取的，具体授权，以及授权后如何利用token获取prepay_id、openid可以参照微信提供的文档共有三次请求，特别注意其中一些接口调用次数有限，需要自行存储在缓存。拿到这些参数之后，接下来就是前端的工作了
https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421140842

第三部分 前端

———-未完待续———-