一文快速实现微信公众号支付功能

微信支付类型

微信支付实际上有很多种不同的类型，具体要使用哪一种就需要根据不同的应用场景来选择，官方给出的参考例子：
刷卡支付：用户打开微信钱包的刷卡的界面，商户扫码后提交完成支付。
公众号支付：用户在微信内进入商家H5页面，页面内调用JSSDK完成支付
扫码支付：用户打开"微信扫一扫“，扫描商户的二维码后完成支付
APP支付：商户APP中集成微信SDK，用户点击后跳转到微信内完成支付
H5支付：用户在微信以外的手机浏览器请求微信支付的场景唤起微信支付
小程序支付：用户在微信小程序中使用微信支付的场景

本篇文章实现的是公众号支付，会使用到网页授权及微信JS-SDK相关知识，但不再详细介绍

 

建议大家先阅读以下文章了解相关内容：
网页授权：https://www.jianshu.com/p/94b0e53cccc3
微信JS-SDK：https://www.jianshu.com/p/b3c4450f845e

实现效果如下动图：

公众号支付相关配置

本篇文章中实现的是公众号支付，实现条件如下：
1.需要一个已经进行微信认证的公众号

2.该公众号需要开通微信支付功能

3.到微信商户平台https://pay.weixin.qq.com 注册一个商户账号，并关联你的公众号，如果需要实现小程序支付的，需要关联小程序。

4.拥有一个正式的应用服务器，并且注册域名
微信支付涉及的私密数据比较多，不允许使用natapp，花生壳之类的内网穿透工具实现，需要有正式的服务器环境，并且要注册域名，不能使用IP。
比如：http://www.baidu.com

5.相关配置
5.1 配置支付授权目录，登录商户平台——>产品中心——>开发配置
图中配置的例子，代表在项目根路径下，以及web目录下的页面都有支付权限，如果不在该路径的页面，则无法调用支付功能。
若页面地址为：http://mywexx.xxxx.com/web/pay.html
则需要配置为：http://mywexx.xxxx.com/web/

5.2  设置API密钥，登录商户平台——>账户中心——>API安全——>API密钥

该密钥在后面的代码中计算支付签名的时候需要使用到。

5.3 配置JS接口安全域名与网页授权域名，登录公众平台——>公众号设置——>功能设置
配置网页授权域名：主要用于获取用户的openId，需要识别这是哪个人。
若对openID不了解的同学可先参考微信公众号开发文档：https://mp.weixin.qq.com/wiki

配置JS接口安全域名：要让我们的页面中弹出输入密码的窗口，需要使用微信提供的JS-SDK工具，如果不配置JS接口安全域名，你的页面无法使用JS-SDK。

公众号支付实现流程

大致流程参考官方提供的时序图：

流程有很多，不一一演示，我们选取核心部分来实现。

1.提供商城主页，用户进入后通过网页授权获取openid

如果对网页授权不熟悉的同学先参考这篇文章：

https://www.jianshu.com/p/94b0e53cccc3

访问主页的地址：http://www.wolfcode.cn/index.do
当用户第一次打开主页，默认没有code参数，此时会先重定向到获取授权的地址
（如果只需要获取openid，可以使用scope为snsapi_base静默授权的方式）
经过授权地址再重定向到我们的index.do时，会带上code参数，此时即可通过接口获取用户的openid

[AppleScript] 纯文本查看 复制代码

?

01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16

[/size][/align][align=left][size=17px]@Controller[/size][/align][align=left][size=17px]public class IndexController { [/size][/align][align=left][size=17px]                          @RequestMapping("index")[/size][/align][align=left][size=17px]        public void index(String code, Model model, HttpServletResponse response,HttpServletRequest request)  { [/size][/align][align=left][size=17px]                             //如果有code就可以去获取用户的open id[/size][/align][/b]                             if(code!=null) {             //通过code来换取access_token                                  JSONObject json = WeChatUtil.getWebAccessToken(code);            //获取用户openid                                 String openid = json.getString("openid");            //设置到会话中                                 request.getSession().setAttribute("openid",openid);            //重定向到主页                                 response.sendRedirect("/index.html");            }else{             //重定向到授权页面                      response.sendRedirect(WeChatUtil.WEB_REDIRECT_URL.replace("APPID",WeChatUtil.APPID)                          .replace("REDIRECT_URI", RequestUtil.getUrl(request)));              }        }  }   注意： 1. WeChatUtil.getWebAccessToken 方法在网页授权的文章中有介绍。 2. WEB_REDIRECT_URL 是网页授权的地址常量： public static final String WEB_REDIRECT_URL = "https://open.weixin.qq.com/connect/oauth2/authorize?" +                "appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=snsapi_base#wechat_redirect";

 

2.点击商品后跳转到商品详细页面

具体页面根据自己的项目添加，主要是页面需要提供一个可以马上下订单的按钮即可。（这里不演示加入购物车功能）

点击立即购买按钮跳转到后台下单地址，并带上当前商品的id。