官方文档
准备工作:已通过微信认证的公众号,必须通过ICP备案域名(否则会报支付失败)
借鉴了很多大神的文章,在此先谢过了

整个支付流程,看懂就很好写了

一、设置支付目录

在微信公众平台设置您的公众号支付支付目录,设置路径见下图。公众号支付在请求支付的时候会校验请求来源是否有在公众平台做了配置,所以必须确保支付目录已经正确的被配置,否则将验证失败,请求支付不成功。

支付授权目录就是指支付方法的请求全路径

二、设置授权域名

开发公众号支付时,在统一下单接口中要求必传用户openid,而获取openid则需要您在公众平台设置获取openid的域名,只有被设置过的域名才是一个有效的获取openid的域名,否则将获取失败。具体界面如下图所示:

三、授权进入授权目录

授权暂时参考我的另一篇的文章,点我参考 ,根据实际需求,我是采用静默授权

  1. /**
  2. * 授权进入支付页面
  3. *
  4. * @param request
  5. * @param response
  6. * @param url
  7. * @return
  8. * @throws Exception
  9. */
  10. @RequestMapping(value = "prePayPage", method = { RequestMethod.GET })
  11. public String jsPay(HttpServletRequest request, HttpServletResponse response) throws Exception {
  12. AuthAccessToken authAccessToken = null;
  13. String code = request.getParameter("code");//可用redis保存
  14. if(code==null){
  15. return null;
  16. }
  17. String state = request.getParameter("state");
  18. if(state.equals(MD5Util.MD5Encode("ceshi", ""))){
  19. AuthTokenParams authTokenParams = new AuthTokenParams();
  20. authTokenParams.setAppid("your appid");
  21. authTokenParams.setSecret(""your secret");
  22. authTokenParams.setCode(code);
  23. authAccessToken = oAuthService.getAuthAccessToken(authTokenParams, ACCESS_TOKEN_URL);
  24. }
  25. if(authAccessToken!=null){
  26. logger.info("正在支付的openid=" + authAccessToken.getOpenid());
  27. }
  28. return "system/wxpay/testpay";
  29. }

AuthTokenParams.java

  1. /**
  2. * 获取授权请求token的请求参数
  3. * @author phil
  4. * @date 2017年7月2日
  5. *
  6. */
  7. public class AuthTokenParams extends AbstractParams {
  8. private String appid; //公众号的唯一标识
  9. private String secret; //公众号的appsecret
  10. private String code; //填写第一步获取的code参数
  11. private String grant_type = "authorization_code";
  12.  
  13. public AuthTokenParams() {
  14. super();
  15. }
  16.  
  17. public AuthTokenParams(String appid, String secret, String code, String grant_type) {
  18. super();
  19. this.appid = appid;
  20. this.secret = secret;
  21. this.code = code;
  22. this.grant_type = grant_type;
  23. }
  24.  
  25. /**
  26. * 参数组装
  27. * @return
  28. */
  29. public Map<String, String> getParams() {
  30. Map<String, String> params = new TreeMap<String, String>();
  31. params.put("appid", this.appid);
  32. params.put("secret", this.secret);
  33. params.put("code", this.code);
  34. params.put("grant_type", this.grant_type);
  35. return params;
  36. }
  37.  
  38. /getset方法
  39. }

支付页面的body

  1. <script type="text/javascript">
  2. var prepay_id ;
  3. var paySign ;
  4. var appId ;
  5. var timeStamp ;
  6. var nonceStr ;
  7. var packageStr ;
  8. var signType ;
  9. function pay(){
  10. var url = '${ctx}/wxpay/jsPay';
  11. $.ajax({
  12. type:"post",
  13. url:url,
  14. dataType:"json",
  15. data:{openId:'${openId}'},
  16. success:function(data) {
  17. if(data.resultCode == 'SUCCESS'){
  18. appId = data.appId;
  19. paySign = data.paySign;
  20. timeStamp = data.timeStamp;
  21. nonceStr = data.nonceStr;
  22. packageStr = data.packageStr;
  23. signType = data.signType;
  24. callpay();
  25. }else{
  26. alert("统一下单失败");
  27. }
  28. }
  29. });
  30. }
  31.  
  32. function onBridgeReady(){
  33. WeixinJSBridge.invoke(
  34. 'getBrandWCPayRequest', {
  35. "appId":appId, //公众号名称,由商户传入
  36. "paySign":paySign, //微信签名
  37. "timeStamp":timeStamp, //时间戳,自1970年以来的秒数
  38. "nonceStr":nonceStr , //随机串
  39. "package":packageStr, //预支付交易会话标识
  40. "signType":signType //微信签名方式
  41. },
  42. function(res){
  43. if(res.err_msg == "get_brand_wcpay_request:ok" ) {
  44. //window.location.replace("index.html");
  45. alert('支付成功');
  46. }else if(res.err_msg == "get_brand_wcpay_request:cancel"){
  47. alert('支付取消');
  48. }else if(res.err_msg == "get_brand_wcpay_request:fail" ){
  49. alert('支付失败');
  50. } //使用以上方式判断前端返回,微信团队郑重提示:res.err_msg将在用户支付成功后返回 ok,但并不保证它绝对可靠。
  51. }
  52. );
  53. }
  54. function callpay(){
  55. if (typeof WeixinJSBridge == "undefined"){
  56. if( document.addEventListener ){
  57. document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
  58. }else if (document.attachEvent){
  59. document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
  60. document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
  61. }
  62. }else{
  63. onBridgeReady();
  64. }
  65. }
  66. </script>

 四、统一下单获取prepay_id 并返回页面支付参数

统一下单的官方文档:https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=9_1 备注:如果获取prepay_id基本上支付成功了

  1. /**
  2. * 微信内H5调起支付
  3. *
  4. * @param request
  5. * @param response
  6. * @param openId
  7. * @return
  8. * @throws Exception
  9. */
  10. @ResponseBody
  11. @RequestMapping("jspay")
  12. public JsPayResult jsPay(HttpServletRequest request, HttpServletResponse response, String openId) throws Exception {
  13. JsPayResult result = null;
  14. logger.info("****正在支付的openId****" + openId);
  15. // 统一下单
  16. String out_trade_no = PayUtil.createOutTradeNo();
  17. int total_fee = 1; // 产品价格1分钱,用于测试
  18. String spbill_create_ip = HttpReqUtil.getRemortIP(request);
  19. logger.info("支付IP" + spbill_create_ip);
  20. String nonce_str = PayUtil.createNonceStr(); // 随机数据
  21. //参数组装
  22. UnifiedOrderParams unifiedOrderParams = new UnifiedOrderParams();
  23. unifiedOrderParams.setAppid(WeChatConfig.APP_ID);// 必须
  24. unifiedOrderParams.setMch_id(WeChatConfig.MCH_ID);// 必须
  25. unifiedOrderParams.setOut_trade_no(out_trade_no);// 必须
  26. unifiedOrderParams.setBody("支付测试");// 必须
  27. unifiedOrderParams.setTotal_fee(total_fee); // 必须
  28. unifiedOrderParams.setNonce_str(nonce_str); // 必须
  29. unifiedOrderParams.setSpbill_create_ip(spbill_create_ip); // 必须
  30. unifiedOrderParams.setTrade_type("JSAPI"); // 必须
  31. unifiedOrderParams.setOpenid(openId);
  32. unifiedOrderParams.setNotify_url(WeChatConfig.NOTIFY_URL);// 异步通知url
  33. // 统一下单 请求的Xml(正常的xml格式)
  34. String unifiedXmL = wechatPayService.abstractPayToXml(unifiedOrderParams);////签名并入service
  35. // 返回<![CDATA[SUCCESS]]>格式的XML
  36. String unifiedOrderResultXmL = HttpReqUtil.HttpsDefaultExecute(HttpReqUtil.POST_METHOD,WeChatConfig.UNIFIED_ORDER_URL, null, unifiedXmL);
  37. // 进行签名校验
  38. if (SignatureUtil.checkIsSignValidFromWeiXin(unifiedOrderResultXmL)) {
  39. String timeStamp = PayUtil.createTimeStamp();
  40. //统一下单响应
  41. UnifiedOrderResult unifiedOrderResult = XmlUtil.getObjectFromXML(unifiedOrderResultXmL, UnifiedOrderResult.class);
  42. /**** 用map方式进行签名 ****/
  43. // SortedMap<Object, Object> signMap = new TreeMap<Object,
  44. // Object>();
  45. // signMap.put("appId", WeiXinConfig.APP_ID); // 必须
  46. // signMap.put("timeStamp", timeStamp);
  47. // signMap.put("nonceStr", nonceStr);
  48. // signMap.put("signType", "MD5");
  49. // signMap.put("package", "prepay_id=" + prepay_id);
  50. // String paySign = SignatureUtil.createSign(signMap, key, SystemConfig.CHARACTER_ENCODING);
  51. result = new JsPayResult();
  52. result.setAppId(WeChatConfig.APP_ID);
  53. result.setTimeStamp(timeStamp);
  54. result.setNonceStr(unifiedOrderResult.getNonce_str());//直接用返回的
  55. /**** prepay_id 2小时内都有效,再次支付方法自己重写 ****/
  56. result.setPackageStr("prepay_id=" + unifiedOrderResult.getPrepay_id());
  57. /**** 用对象进行签名 ****/
  58. String paySign = SignatureUtil.createSign(result, WeChatConfig.API_KEY, SystemConfig.CHARACTER_ENCODING);
  59. result.setPaySign(paySign);
  60. result.setResultCode("SUCCESS");
  61. } else {
  62. logger.info("签名验证错误");
  63. }
  64. /**** 返回对象给页面 ****/
  65. return result;
  66. }

JsPayResult.java

  1. package com.phil.wechatpay.model.resp;
  2.  
  3. import com.phil.wechatpay.model.rep.JsPayParams;
  4.  
  5. /**
  6. * 微信内H5返回结果
  7. * @author phil
  8. * @date 2017年6月27日
  9. *
  10. */
  11. public class JsPayResult extends JsPayParams {
  12.  
  13. /**
  14. *
  15. */
  16. private static final long serialVersionUID = 392188712101246402L;
  17.  
  18. private String errMsg;
  19.  
  20. private String resultCode;
  21.  
  22. public String getErrMsg() {
  23. return errMsg;
  24. }
  25.  
  26. public void setErrMsg(String errMsg) {
  27. this.errMsg = errMsg;
  28. }
  29.  
  30. public String getResultCode() {
  31. return resultCode;
  32. }
  33.  
  34. public void setResultCode(String resultCode) {
  35. this.resultCode = resultCode;
  36. }
  37.  
  38. }

 JsPayParams.java

  1. package com.phil.wechatpay.model.rep;
  2.  
  3. import java.io.Serializable;
  4.  
  5. /**
  6. * 微信内H5调起支付参数
  7. * @author phil
  8. * @date 2017年6月27日
  9. *
  10. */
  11. public class JsPayParams implements Serializable{
  12.  
  13. /**
  14. *
  15. */
  16. private static final long serialVersionUID = 8255883197124904824L;
  17.  
  18. private String appId; // 公众号id
  19.  
  20. private String timeStamp; // 时间戳 格式1414561699
  21.  
  22. private String nonceStr; // 随机字符串
  23.  
  24. private String packageStr; // package参数 订单详情扩展字符串 prepay_id=***
  25.  
  26. private String signType = "MD5"; // 签名方式
  27.  
  28. private String paySign; // 签名
  29.  
  30. public String getAppId() {
  31. return appId;
  32. }
  33.  
  34. public void setAppId(String appId) {
  35. this.appId = appId;
  36. }
  37.  
  38. public String getTimeStamp() {
  39. return timeStamp;
  40. }
  41.  
  42. public void setTimeStamp(String timeStamp) {
  43. this.timeStamp = timeStamp;
  44. }
  45.  
  46. public String getNonceStr() {
  47. return nonceStr;
  48. }
  49.  
  50. public void setNonceStr(String nonceStr) {
  51. this.nonceStr = nonceStr;
  52. }
  53.  
  54. public String getPackageStr() {
  55. return packageStr;
  56. }
  57.  
  58. public void setPackageStr(String packageStr) {
  59. this.packageStr = packageStr;
  60. }
  61.  
  62. public String getSignType() {
  63. return signType;
  64. }
  65.  
  66. public void setSignType(String signType) {
  67. this.signType = signType;
  68. }
  69.  
  70. public String getPaySign() {
  71. return paySign;
  72. }
  73.  
  74. public void setPaySign(String paySign) {
  75. this.paySign = paySign;
  76. }
  77.  
  78. }

五、完成支付并通知支付结果

支付通知结果官方文档 https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=9_7

  1. package com.phil.wechatpay.controller;
  2.  
  3. import java.io.BufferedOutputStream;
  4.  
  5. import javax.servlet.http.HttpServletRequest;
  6. import javax.servlet.http.HttpServletResponse;
  7.  
  8. import org.apache.log4j.Logger;
  9. import org.springframework.stereotype.Controller;
  10. import org.springframework.web.bind.annotation.RequestMapping;
  11. import org.springframework.web.bind.annotation.ResponseBody;
  12.  
  13. import com.phil.common.result.ResultState;
  14. import com.phil.common.util.HttpReqUtil;
  15. import com.phil.common.util.SignatureUtil;
  16. import com.phil.common.util.XmlUtil;
  17. import com.phil.wechatpay.model.resp.PayNotifyResult;
  18.  
  19. /**
  20. * 微信支付结果通知(统一下单参数的notify_url)
  21. * @author phil
  22. * @date 2017年6月27日
  23. *
  24. */
  25. @Controller
  26. @RequestMapping("/wxpay/")
  27. public class WechatPayNotifyController {
  28.  
  29. static final Logger logger = Logger.getLogger(WechatPayNotifyController.class);
  30.  
  31. @ResponseBody
  32. @RequestMapping("notify")
  33. public ResultState notify(HttpServletRequest request, HttpServletResponse response) throws Exception {
  34. ResultState resultState = new ResultState();
  35. logger.info("开始处理支付返回的请求");
  36. String resXml = ""; // 反馈给微信服务器
  37. String notifyXml = HttpReqUtil.inputStreamToStrFromByte(request.getInputStream());// 微信支付系统发送的数据(<![CDATA[product_001]]>格式)
  38. logger.debug("微信支付系统发送的数据"+notifyXml);
  39. // 验证签名
  40. if (SignatureUtil.checkIsSignValidFromWeiXin(notifyXml)) {
  41. PayNotifyResult notify = XmlUtil.getObjectFromXML(notifyXml, PayNotifyResult.class);
  42. logger.debug("支付结果" + notify.toString());
  43. if ("SUCCESS".equals(notify.getResult_code())) {
  44. resultState.setErrcode(0);// 表示成功
  45. resultState.setErrmsg(notify.getResult_code());
  46. /**** 业务逻辑 保存openid之类的****/
  47. // 通知微信.异步确认成功.必写.不然会一直通知后台.八次之后就认为交易失败了
  48. resXml = "<xml>" + "<return_code><![CDATA[SUCCESS]]></return_code>" + "<return_msg><![CDATA[OK]]></return_msg>" + "</xml> ";
  49. } else {
  50. resultState.setErrcode(-1);// 支付失败
  51. resultState.setErrmsg(notify.getErr_code_des());
  52. logger.info("支付失败,错误信息:" + notify.getErr_code_des());
  53. resXml = "<xml>" + "<return_code><![CDATA[FAIL]]></return_code>" + "<return_msg><![CDATA[" + notify.getErr_code_des() + "]]></return_msg>" + "</xml> ";
  54. }
  55. } else {
  56. resultState.setErrcode(-1);// 支付失败
  57. resultState.setErrmsg("签名验证错误");
  58. logger.info("签名验证错误");
  59. resXml = "<xml>" + "<return_code><![CDATA[FAIL]]></return_code>" + "<return_msg><![CDATA[签名验证错误]]></return_msg>" + "</xml> ";
  60. }
  61.  
  62. BufferedOutputStream out = new BufferedOutputStream(response.getOutputStream());
  63. out.write(resXml.getBytes());
  64. out.flush();
  65. out.close();
  66. return resultState;
  67. }
  68. }

ResultState.java

  1. package com.phil.common.result;
  2.  
  3. import java.io.Serializable;
  4.  
  5. /**
  6. * 微信API返回状态
  7. *
  8. * @author phil
  9. * @date 2017年7月2日
  10. *
  11. */
  12. public class ResultState implements Serializable {
  13.  
  14. /**
  15. *
  16. */
  17. private static final long serialVersionUID = 1692432930341768342L;
  18.  
  19. //@SerializedName("errcode")
  20. private int errcode; // 状态
  21.  
  22. //@SerializedName("errmsg")
  23. private String errmsg; //信息
  24.  
  25. public int getErrcode() {
  26. return errcode;
  27. }
  28.  
  29. public void setErrcode(int errcode) {
  30. this.errcode = errcode;
  31. }
  32.  
  33. public String getErrmsg() {
  34. return errmsg;
  35. }
  36.  
  37. public void setErrmsg(String errmsg) {
  38. this.errmsg = errmsg;
  39. }
  40. }

Java微信公众平台开发之公众号支付(微信内H5调起支付)的更多相关文章

  1. vue 微信内H5调起支付

    在微信内H5调起微信支付,主要依赖于一个微信的内置对象WeixinJSBridge,这个对象在其他浏览器中无效. 主要代码: import axios from 'axios'; export def ...

  2. 微信公众平台开发—利用OAuth2.0获取微信用户基本信息

    在借鉴前两篇获取微信用户基本信息的基础下,本人也总结整理了一些个人笔记:如何通过OAuth2.0获取微信用户信息 1.首先在某微信平台下配置OAuth2.0授权回调页面: 2.通过appid构造url ...

  3. 微信公众平台开发教程(十一)微信"企业号“上线

    什么是企业号? 企业号是微信为企业客户提供的移动应用入口 关注更安全 只有企业通讯录的成员才能关注企业号,分级管理员.保密消息等各种特性确保企业内部信息的安全. 应用可配置 企业可自行在企业号中可配置 ...

  4. 第六篇 :微信公众平台开发实战Java版之如何自定义微信公众号菜单

    我们来了解一下 自定义菜单创建接口: http请求方式:POST(请使用https协议) https://api.weixin.qq.com/cgi-bin/menu/create?access_to ...

  5. 第五篇 :微信公众平台开发实战Java版之如何获取公众号的access_token以及缓存access_token

    一.access_token简介 为了使第三方开发者能够为用户提供更多更有价值的个性化服务,微信公众平台 开放了许多接口,包括自定义菜单接口.客服接口.获取用户信息接口.用户分组接口.群发接口等, 开 ...

  6. 第九篇 :微信公众平台开发实战Java版之如何实现自定义分享内容

    第一部分:微信JS-SDK介绍 微信JS-SDK是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包. 通过使用微信JS-SDK,网页开发者可借助微信高效地使用拍照.选图.语音.位置等手机系统 ...

  7. 第八篇 :微信公众平台开发实战Java版之如何网页授权获取用户基本信息

    第一部分:微信授权获取基本信息的介绍 我们首先来看看官方的文档怎么说: 如果用户在微信客户端中访问第三方网页,公众号可以通过微信网页授权机制,来获取用户基本信息,进而实现业务逻辑. 关于网页授权回调域 ...

  8. 第七篇 :微信公众平台开发实战Java版之如何获取微信用户基本信息

    在关注者与公众号产生消息交互后,公众号可获得关注者的OpenID(加密后的微信号,每个用户对每个公众号的OpenID是唯一的.对于不同公众号,同一用户的openid不同). 公众号可通过本接口来根据O ...

  9. 第四篇 :微信公众平台开发实战Java版之完成消息接受与相应以及消息的处理

    温馨提示: 这篇文章是依赖前几篇的文章的. 第一篇:微信公众平台开发实战之了解微信公众平台基础知识以及资料准备 第二篇 :微信公众平台开发实战之开启开发者模式,接入微信公众平台开发 第三篇 :微信公众 ...

随机推荐

  1. workday3~4

    这两天算是把一个模块的功能做完了,功能是数据统计,即按输入的时间统计X小时各个服务器status的数量以及各个服务器的信息,学到了不少东西,为了避免忘记,先记录,有空再整理一下. 1.时间戳的问题 选 ...

  2. 7.modifier插件的自定义和使用

    1.在plugins下面创建一个文件 modifier.changeDate.php 编写: <?php function smarty_modifier_changeDate($utime,$ ...

  3. meta小结

    mate 标签定义及使用说明 元数据(Metadata)是数据的数据信息. 标签提供了 HTML 文档的元数据.元数据不会显示在客户端,当时会被浏览器解析. META元素通常用于指定网页的描述,关键词 ...

  4. Android远程桌面助手

    很早之前,做过一个<WinCE远程桌面助手>,在没有屏幕或者在调试LCD驱动时,发挥了很大作用,平日开发也是必备.后来还被网友用于处理一些疑难问题,如无法输入开机密码时可通过该工具远程输入 ...

  5. js-ES6学习笔记-Set结构和Map结构

    http://www.cnblogs.com/lonhon/ 1.ES6 提供了新的数据结构 Set.它类似于数组,但是成员的值都是唯一的,没有重复的值. Set 本身是一个构造函数,用来生成 Set ...

  6. 从栈不平衡问题 理解 calling convention

    最近在开发的过程中遇到了几个很诡异的问题,造成了栈不平衡从而导致程序崩溃. 经过几经排查发现是和调用规约(calling convention)相关的问题,特此分享出来. 首先,讲一下什么是调用规约. ...

  7. ORM的概念, ORM到底是什么

    一.ORM简介         对象关系映射(Object Relational Mapping,简称ORM)模式是一种为了解决面向对象与关系数据库存在的互不匹配的现象的技术.简单的说,ORM是通过使 ...

  8. 00002、div的文字垂直居中与背景的渐变

    1.div可以放多行的文字,当显示文字较少时,文字可垂直居中 text-align: center; display: table-cell; vertical-align: middle; text ...

  9. 怎么在linux ubuntu 上的nginx 绑定域名

    前一篇介绍了,如果在ubuntu上运行nodejs,毕竟访问的时候都是用ip地址+端口号,但是上production 环境都需要域名的,IP地址当然不行 读过上一篇的朋友知道了,如果在upstart ...

  10. AugularJS从入门到实践(三)

      前  言  前端    AngularJS是为了克服HTML在构建应用上的不足而设计的.(引用百度百科) AngularJS使用了不同的方法,它尝试去补足HTML本身在构建应用方面的缺陷.Angu ...