UDN-企业互联网技术人气社区

板块导航

浏览  : 568
回复  : 2

[原生js] java开发微信公众号支付

[复制链接]
西北的风的头像 楼主
发表于 2017-1-17 15:51:27 | 显示全部楼层 |阅读模式
  这篇文章主要给大家结合微信支付接口开发的实践,从获取用户授权到各主要接口的使用方法等方面介绍微信支付的关键点技术,有需要的小伙伴可以参考下

  最近做了微信公众号支付的开发,由于是第一次做也摸索了几天的时间,也只是达到了实现功能的水平,并没有太多考虑到性能问题,所以这篇文章比较适合初学者。

  微信公众号支付的总体其实很简单,大致就分为三步。第一步需要获取用户授权;第二步调用统一下单接口获取预支付id;第三步H5调起微信支付的内置的js。下面介绍具体每一步的开发流程。

  一    首先要明确微信公众号支付属于网页版支付,所以相较于app的直接调取微信支付要多一步微信授权。也就是需要获取用户的openid。微信公众号使用的交易类型是JSAPI,所以统一下单接口的文档明确的写到
201508040845541.png
  
  因此我们必须去获取openid,同时也可以处理一些我们需要的逻辑。获取用户授权有两种方式:1.scope=snsapi_base;2.scope=snsapi_userinfo.我使用的是snsapi_base

  Scope为snsapi_base

  https://open.weixin.qq.com/conne ... 123#wechat_redirect

  Scope为snsapi_userinfo

  https://open.weixin.qq.com/conne ... ATE#wechat_redirect

  微信的官方文档也有对各个参数的详细说明,我就关键的参数仔细的说明一下。首先appid就不多说了就是你微信公众号的appid固定写死的,redirect_uri这个参数是最重要的,这个地址是访问你处理的接口地址。你可以在这个链接上拼接上你所需要的参数,一般你是要把订单的金额传到这个接口里的,访问这个链接的时候微信会给你code你需要用它去获取openid,记得要对其进行urlencode处理。state参数可以理解为扩展字段,其他的参数都是固定写法就不在多做介绍了。下面是获取openid的代码片段。
 
  1. //获取openId
  2.             HttpClientUtil util = HttpClientUtil.getInstance();
  3.             Map<String, String> map = new HashMap<String, String>();
  4.             map.put("appid", WxPayConfig.APPID);
  5.             map.put("secret", WxPayConfig.APPSECRET);
  6.             map.put("code", code);
  7.             map.put("grant_type", WxPayConfig.GRANT_TYPE);
  8.             String returnStr = util.doPostRetString("https://api.weixin.qq.com/sns/oauth2/access_token", null,map);
  9.             logger.info("returnStr:[" + returnStr + "]");
  10.             AccessToken at = JSON.parseObject(returnStr, AccessToken.class);
复制代码


  AccessToken.java
  1. public class AccessToken {
  2.    
  3.   private String access_token;
  4.   private String expires_in;
  5.   private String refresh_token;
  6.   private String openid;
  7.   private String scope;
  8.   private String unionid;
  9.    
  10.   public String getAccess_token() {
  11.     return access_token;
  12.   }
  13.   public void setAccess_token(String access_token) {
  14.     this.access_token = access_token;
  15.   }
  16.   public String getExpires_in() {
  17.     return expires_in;
  18.   }
  19.   public void setExpires_in(String expires_in) {
  20.     this.expires_in = expires_in;
  21.   }
  22.   public String getRefresh_token() {
  23.     return refresh_token;
  24.   }
  25.   public void setRefresh_token(String refresh_token) {
  26.     this.refresh_token = refresh_token;
  27.   }
  28.   public String getOpenid() {
  29.     return openid;
  30.   }
  31.   public void setOpenid(String openid) {
  32.     this.openid = openid;
  33.   }
  34.   public String getScope() {
  35.     return scope;
  36.   }
  37.   public void setScope(String scope) {
  38.     this.scope = scope;
  39.   }
  40.   public String getUnionid() {
  41.     return unionid;
  42.   }
  43.   public void setUnionid(String unionid) {
  44.     this.unionid = unionid;
  45.   }
  46.   @Override
  47.   public String toString() {
  48.     return "AccessToken [access_token=" + access_token + ", expires_in="
  49.         + expires_in + ", refresh_token=" + refresh_token + ", openid="
  50.         + openid + ", scope=" + scope + ", unionid=" + unionid + "]";
  51.   }
  52.    
  53.    

  54. }
复制代码
 
    二    我们获取了openid后,就可以进行下一步的统一下单的开发了。微信上统一下单接口的文档写的比较详细了,具体的参数含义我就不多做介绍了。下面直接贴最直观的代码,特别提醒的是一定要注意签名的正确。签名所使用的key并不是AppSecret而是你申请时自己定义的商户key。
  1. //统一下单

  2.             WxPaySendData data = new WxPaySendData();
  3.             data.setAppid(WxPayConfig.APPID);
  4.             data.setAttach("微信支付");
  5.             data.setBody("微信公众号支付");
  6.             data.setMch_id(WxPayConfig.MCHID);
  7.             data.setNonce_str(nonceStr);
  8.             data.setNotify_url(WxPayConfig.NOTIFY_URL);
  9.             data.setOut_trade_no(tradeNo);
  10.             data.setTotal_fee((int)(fee*100));//单位:分
  11.             data.setTrade_type("JSAPI");
  12.             data.setSpbill_create_ip(ip);
  13.             data.setOpenid(at.getOpenid());
  14.             String returnXml = UnifiedorderService.unifiedOrder(data,WxPayConfig.KEY);
  15.             WxPayReturnData reData = new WxPayReturnData();
  16.             XStream xs1 = new XStream(new DomDriver());
  17.             xs1.alias("xml", WxPayReturnData.class);
  18.             reData = (WxPayReturnData) xs1.fromXML(returnXml);
复制代码
 
  UnifiedorderService.java
  1. public class UnifiedorderService {
  2.    
  3.   private final static Logger logger = LoggerFactory.getLogger(UnifiedorderService.class);
  4.    
  5.   public static String unifiedOrder(WxPaySendData data,String key){
  6.     //统一下单支付
  7.     String returnXml = null;
  8.     try {
  9.       //生成sign签名
  10.       SortedMap<Object,Object> parameters = new TreeMap<Object,Object>();
  11.       parameters.put("appid", data.getAppid());
  12.       parameters.put("attach", data.getAttach());
  13.       parameters.put("body", data.getBody());
  14.       parameters.put("mch_id", data.getMch_id());
  15.       parameters.put("nonce_str", data.getNonce_str());
  16.       parameters.put("notify_url", data.getNotify_url());
  17.       parameters.put("out_trade_no", data.getOut_trade_no());
  18.       parameters.put("total_fee", data.getTotal_fee());
  19.       parameters.put("trade_type", data.getTrade_type());
  20.       parameters.put("spbill_create_ip", data.getSpbill_create_ip());
  21.       parameters.put("openid", data.getOpenid());
  22.       parameters.put("device_info", data.getDevice_info());
  23.       logger.info("SIGN:"+WxSign.createSign(parameters,key));
  24.       data.setSign(WxSign.createSign(parameters,key));
  25.       XStream xs = new XStream(new DomDriver("UTF-8",new XmlFriendlyNameCoder("-_", "_")));
  26.       xs.alias("xml", WxPaySendData.class);
  27.       String xml = xs.toXML(data);
  28.       logger.info("统一下单xml为:\n" + xml);
  29.       HttpClientUtil util = HttpClientUtil.getInstance();
  30.       returnXml = util.doPostForString("https://api.mch.weixin.qq.com/pay/unifiedorder", null, xml);
  31.       logger.info("返回结果:" + returnXml);
  32.     } catch (Exception e) {
  33.       e.printStackTrace();
  34.     }
  35.     return returnXml;
  36.   }
  37.    
  38. }
复制代码


  WxSign
  1. public class WxSign {
  2.    
  3.    
  4.   private static String characterEncoding = "UTF-8";

  5.   @SuppressWarnings("rawtypes")
  6.   public static String createSign(SortedMap<Object,Object> parameters,String key){
  7.     StringBuffer sb = new StringBuffer();
  8.     Set es = parameters.entrySet();//所有参与传参的参数按照accsii排序(升序)
  9.     Iterator it = es.iterator();
  10.     while(it.hasNext()) {
  11.       Map.Entry entry = (Map.Entry)it.next();
  12.       String k = (String)entry.getKey();
  13.       Object v = entry.getValue();
  14.       if(null != v && !"".equals(v)  
  15.           && !"sign".equals(k) && !"key".equals(k)) {
  16.         sb.append(k + "=" + v + "&");
  17.       }
  18.     }
  19.     sb.append("key=" + key);
  20.     String sign = MD5Util.MD5Encode(sb.toString(), characterEncoding).toUpperCase();
  21.     return sign;
  22.   }
  23.    
  24.   public static String getNonceStr() {
  25.     Random random = new Random();
  26.     return MD5Util.MD5Encode(String.valueOf(random.nextInt(10000)), "UTF-8");
  27.   }

  28.   public static String getTimeStamp() {
  29.     return String.valueOf(System.currentTimeMillis() / 1000);
  30.   }
复制代码


  最后要提一下的是NOTIFY_URL回调地址,接收微信支付异步通知回调地址。

  三    通过上面的操作我们获得了预支付交易会话标识prepay_id,这样我们就可以进行最后一步的操作了。使用H5调起支付api。
  1. //H5调起支付
  2.               attr.addAttribute("appId", reData.getAppid());
  3.               attr.addAttribute("timeStamp", WxSign.getTimeStamp());
  4.               attr.addAttribute("nonceStr", reData.getNonce_str());
  5.               attr.addAttribute("package", "prepay_id="+reData.getPrepay_id());
  6.               attr.addAttribute("signType", "MD5");
  7.               SortedMap<Object,Object> signMap = new TreeMap<Object,Object>();
  8.               signMap.put("appId", reData.getAppid());
  9.               signMap.put("timeStamp", WxSign.getTimeStamp());
  10.               signMap.put("nonceStr", reData.getNonce_str());
  11.               signMap.put("package", "prepay_id="+reData.getPrepay_id());
  12.               signMap.put("signType", "MD5");
  13.               logger.info("PaySIGN:"+WxSign.createSign(signMap,WxPayConfig.KEY));
  14.               attr.addAttribute("paySign", WxSign.createSign(signMap,WxPayConfig.KEY));
复制代码
  
  将需要的参数传给页面后,使用微信提供方法调起支付。
  1. <script>
  2.   function getUrlParam(name) {
  3.     //构造一个含有目标参数的正则表达式对象
  4.     var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
  5.     //匹配目标参数
  6.     var r = window.location.search.substr(1).match(reg);
  7.     //返回参数值
  8.     if (r != null)
  9.       return unescape(r[2]);
  10.     return null;
  11.   }

  12.   function onBridgeReady() {
  13.     var appId = getUrlParam('appId');
  14.     var timeStamp = getUrlParam('timeStamp');
  15.     var nonceStr = getUrlParam('nonceStr');
  16.     var Package = getUrlParam('package');
  17.     var signType = getUrlParam('signType');
  18.     var paySign = getUrlParam('paySign');
  19.     WeixinJSBridge.invoke('getBrandWCPayRequest', {
  20.       "appId" : appId,//"wx2421b1c4370ec43b", //公众号名称,由商户传入   
  21.       "timeStamp" : timeStamp,//"1395712654", //时间戳,自1970年以来的秒数   
  22.       "nonceStr" : nonceStr,//"e61463f8efa94090b1f366cccfbbb444", //随机串   
  23.       "package" : Package,//"prepay_id=u802345jgfjsdfgsdg888",
  24.       "signType" : signType,//"MD5", //微信签名方式:   
  25.       "paySign" : paySign,//"70EA570631E4BB79628FBCA90534C63FF7FADD89" //微信签名
  26.     }, function(res) { // 使用以上方式判断前端返回,微信团队郑重提示:res.err_msg将在用户支付成功后返回  ok,但并不保证它绝对可靠。  
  27.       //alert(res.err_msg);
  28.       if (res.err_msg == "get_brand_wcpay_request:ok") {
  29.         alert("支付成功");
  30.       }
  31.       if (res.err_msg == "get_brand_wcpay_request:cancel") {
  32.         alert("交易取消");
  33.       }
  34.       if (res.err_msg == "get_brand_wcpay_request:fail") {
  35.         alert("支付失败");
  36.       }
  37.     });
  38.   }

  39.   function callPay() {
  40.     if (typeof WeixinJSBridge == "undefined") {
  41.       if (document.addEventListener) {
  42.         document.addEventListener('WeixinJSBridgeReady', onBridgeReady,
  43.             false);
  44.       } else if (document.attachEvent) {
  45.         document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
  46.         document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
  47.       }
  48.     } else {
  49.       onBridgeReady();
  50.     }
  51.   }
  52. </script>
复制代码
 
  在返回结果的地方可以自定义一些自己的返回页面。

  总结:由于我也是第一次做,写这篇文章是想记录一下自己的工作成果,和分享给一下也是新手的朋友们可以有一些帮助,最后希望有好的见解朋友可以留言讨论,大家一起学习进步。

  以上就是关于java开发微信公众支付的所有内容了,希望大家能够喜欢。

相关帖子

发表于 2017-1-17 15:51:59 来自手机 | 显示全部楼层
LZ是闲人,天天发帖,坚定完毕
使用道具 举报

回复

发表于 2017-1-17 15:52:00 | 显示全部楼层
我是被标题吸引进来的
使用道具 举报

回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关于我们
联系我们
  • 电话:010-86393388
  • 邮件:udn@yonyou.com
  • 地址:北京市海淀区北清路68号
移动客户端下载
关注我们
  • 微信公众号:yonyouudn
  • 扫描右侧二维码关注我们
  • 专注企业互联网的技术社区
版权所有:用友网络科技股份有限公司82041 京ICP备05007539号-11 京公网网备安1101080209224 Powered by Discuz!
快速回复 返回列表 返回顶部