欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

java实现微信H5支付方法详解

程序员文章站 2024-03-02 14:19:04
前面做了app微信支付的回调处理,现在需要做微信公众号的支付,花了一天多时间,终于折腾出来了!鉴于坑爹的微信官方没有提供java版的demo,所以全靠自己按照同样坑爹的文档...

前面做了app微信支付的回调处理,现在需要做微信公众号的支付,花了一天多时间,终于折腾出来了!鉴于坑爹的微信官方没有提供java版的demo,所以全靠自己按照同样坑爹的文档敲敲敲,所以记录下来,以供自己及后来人参考,不足之处,还请指正。

首先,我们贴出调用支付接口的h5页面,当然,在这个页面之前,还需要做很多其他的操作,我们一步一步的来。

坑爹的官方文档给了两个不同的支付接口,在微信公众平台开发中文档的“微信js-sdk说明文档”中,给出的支付方式是下面被屏蔽的那一部分,而在商户平台的“h5调起支付api”中,又给了一份不同的接口,即下面未屏蔽正常使用的接口。关于坑爹的微信提供了两个不同的支付接口,网上搜索结果也是众说纷纷,所以,只有自己试了。当然,为了简单,我直接试了下面这一种,然后奇迹般的成功了。

<%@ page language="java" contenttype="text/html; charset=utf-8" 
  pageencoding="utf-8"%> 
 <!doctype html> 
<html> 
  <head> 
    <meta http-equiv="content-type" content="text/html; charset=utf-8"> 
    <title>微信网页支付</title> 
    <!-- <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script> --> 
    <!-- <script type="text/javascript" src=" https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script> --> 
    <script type="text/javascript"> 
      /* wx.config({ 
        debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 
        appid: appid, // 必填,公众号的唯一标识 
        timestamp: timestamp, // 必填,生成签名的时间戳 
        noncestr: noncestr, // 必填,生成签名的随机串 
        signature: '',// 必填,签名,见附录1 
        jsapilist: [choosewxpay] // 必填,需要使用的js接口列表,所有js接口列表见附录2 
      }); */ 
     
      // config信息验证后会执行ready方法,所有接口调用都必须在config接口获得结果之后,config是一个客户端的异步操作 
      //所以如果需要在页面加载时就调用相关接口,则须把相关接口放在ready函数中调用来确保正确执行 
      //wx.ready(function(){ 
        //参数是后台传过来的,签名加密,随机数,时间戳等全部后台处理好 
        var appid="${appid}"; 
        var timestamp="${timestamp}"; 
        var noncestr="${noncestr}"; 
        var prepay_id="${prepay_id}";//之前参数名叫package,对应api接口,因为package是关键字,被坑了一次 
        var sign="${paysign}"; 
        //支付接口 
        function onbridgeready(){ 
            weixinjsbridge.invoke( 
              'getbrandwcpayrequest', { 
                "appid" : appid,   //公众号名称,由商户传入  
                "timestamp" : timestamp, //时间戳,自1970年以来的秒数 (java需要处理成10位才行,又一坑) 
                "noncestr" : noncestr, //随机串 
                "package" : prepay_id, //拼装好的预支付标示 
                "signtype" : "md5",//微信签名方式 
                "paysign" : sign //微信签名 
              }, 
              function(res){ 
                //使用以下方式判断前端返回,微信团队郑重提示:res.err_msg将在用户支付成功后返回  ok,但并不保证它绝对可靠。 
                if(res.err_msg == "get_brand_wcpay_request:ok" ) {    
                  alert("支付成功");        
                }else{ 
                  alert("支付失败"); 
                } 
              } 
            );  
        } 
        if (typeof(weixinjsbridge) == "undefined"){ 
          if( document.addeventlistener ){ 
            document.addeventlistener('weixinjsbridgeready', onbridgeready, false); 
          }else if (document.attachevent){ 
            document.attachevent('weixinjsbridgeready', onbridgeready); 
            document.attachevent('onweixinjsbridgeready', onbridgeready); 
          } 
        }else{ 
          onbridgeready(); 
        } 
      //}); 
      //究竟哪个是支付接口 
      /* wx.choosewxpay({ 
        timestamp: timestamp, // 支付签名时间戳,注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timestamp字段名需大写其中的s字符 
        noncestr: noncestr, // 支付签名随机串,不长于 32 位 
        package: 'prepay_id', // 统一支付接口返回的prepay_id参数值,提交格式如:prepay_id=***) 
        signtype: 'md5', // 签名方式,默认为'sha1',使用新版支付需传入'md5' 
        paysign: sign, // 支付签名 
        success: function (res) { 
          // 支付成功后的回调函数 
          //使用以下方式判断前端返回,微信团队郑重提示:res.err_msg将在用户支付成功后返回  ok,但并不保证它绝对可靠。 
          if(res.err_msg == "get_brand_wcpay_request:ok" ) {    
                       
          }  
        } 
      }); */ 
    </script> 
  </head> 
  <body> 
     
  </body> 
</html> 

上面h5页面中,支付接口所需的参数都是由后台传过来的,除此之外,在进行上面一步之前,我们还需要获取一个预支付标识,下面贴上后台传参,及获取预支付标识和参数加密等方法(获取预支付标识之前需要网页授权获取用户openid,鉴于这个比较简单,所以不贴代码了)

首先是后台参数封装并对其签名(关键部分代码):

if(payway.equals("1")){ 
      system.out.println("----------支付宝支付-------------"); 
      request.setattribute("widout_trade_no", widout_trade_no);//订单号 
      request.setattribute("widsubject", widsubject);//订单名称 
      request.setattribute("widtotal_fee", widtotal_fee);//付款金额 
      request.setattribute("widshow_url", widshow_url);//商品链接 
      request.setattribute("widbody", "");//商品描述,可空 
      return "alipayapi"; 
    }else if(payway.equals("2")){ 
      system.out.println("----------微信支付-------------"); 
      //1、通过网页授权接口,获取到的openid 
      string openid=request.getsession().getattribute("openid")+""; 
      //处理价格单位为:分(请自行处理) 
      widtotal_fee="1"; 
      string preid=getprepayid(widout_trade_no, widtotal_fee, openid);//获取预支付标示 
      system.out.println("预支付标示:----------------"+preid); 
      //appid 
      string appid=common.appid; 
      request.setattribute("appid", appid); 
      //时间戳 
      string timestamp=(system.currenttimemillis()/1000)+""; 
      request.setattribute("timestamp", timestamp); 
      //随机字符串 
      string noncestr=common.randstring(16).tostring(); 
      request.setattribute("noncestr", noncestr); 
      //预支付标识 
      request.setattribute("prepay_id", "prepay_id="+preid); 
      //加密方式 
      request.setattribute("signtype", "md5"); 
       
      //组装map用于生成sign 
      map<string, string> map=new hashmap<string, string>(); 
      map.put("appid", appid); 
      map.put("timestamp", timestamp); 
      map.put("noncestr", noncestr); 
      map.put("package", "prepay_id="+preid); 
      map.put("signtype", "md5"); 
       
      request.setattribute("paysign", common.sign(map, common.mchsecret));//签名 
      return "weixinpay"; 
    }else { 
      return "error"; 
    } 

接下是获取预支付标识的方法getprepayid:

/** 
   * 微信统一下单接口,获取预支付标示prepay_id 
   * @param out_trade_no1 商户订单号 
   * @param total_fee1 订单金额(单位:分) 
   * @param openid1 网页授权取到的openid 
   * @return 
   */ 
  @responsebody 
  public string getprepayid(string out_trade_no1,string total_fee1,string openid1){ 
     
    string result = ""; 
     
    string appid = common.appid; 
    string mch_id = common.mch_id; 
    string nonce_str = common.randstring(16);//生成随机数,可直接用系统提供的方法 
    string body = "e光学-商品订单"; 
    string out_trade_no = out_trade_no1; 
    string total_fee = total_fee1; 
    string spbill_create_ip = "xxx.xxx.38.47";//用户端ip,这里随意输入的 
    string notify_url = "http://www.xxxxxxx.cn/egxwx/wxpay_notify_url.jsp";//支付回调地址 
    string trade_type = "jsapi"; 
    string openid = openid1; 
     
    hashmap<string, string> map = new hashmap<string, string>(); 
    map.put("appid", appid); 
    map.put("mch_id", mch_id); 
    map.put("attach", "支付测试"); 
    map.put("device_info", "web"); 
    map.put("nonce_str", nonce_str); 
    map.put("body", body); 
    map.put("out_trade_no", out_trade_no); 
    map.put("total_fee", total_fee); 
    map.put("spbill_create_ip", spbill_create_ip); 
    map.put("trade_type", trade_type); 
    map.put("notify_url", notify_url); 
    map.put("openid", openid); 
    string sign = common.sign(map, common.mchsecret);//参数加密 
    system.out.println("sign秘钥:-----------"+sign); 
    map.put("sign", sign); 
    //组装xml(wx就这么变态,非得加点xml在里面) 
    string content=common.maptoxml(map); 
    //system.out.println(content); 
    string postresult=httpclient.httpspost("https://api.mch.weixin.qq.com/pay/unifiedorder", content); 
    jsonobject jsonobject=xmlutil.xmltojson(postresult);//返回的的结果 
    if(jsonobject.getstring("return_code").equals("success")&&jsonobject.getstring("result_code").equals("success")){ 
      result=jsonobject.get("prepay_id")+"";//这就是预支付id 
    } 
    return result; 
  } 

接下是签名的方法(md5加密是调用微信一个jar里面的,你也可以自己写一个,网上很多参考):

/** 
   * 生成签名sign 
   * 第一步:非空参数值的参数按照参数名ascii码从小到大排序,按照键值对的形式。生成字符串stringa 
   * stringa="appid=wxd930ea5d5a258f4f&body=test&device_info=1000&mch_id=10000100&nonce_str=ibuaivckdprxkhja"; 
   * 第二部:拼接api密钥,这里的秘钥是微信商户平台的秘钥,是自己设置的,不是公众号的秘钥 
   * stringsigntemp="stringa&key=192006250b4c09247ec02edce69f6a2d" 
   * 第三部:md5加密 
   * sign=md5(stringsigntemp).touppercase()="9a0a8659f005d6984697e2ca0a9cf3b7" 
   * 
   * @param map 不包含空字符串的map 
   * @return 
   */ 
  public static string sign(map<string, string> map,string key) { 
    //排序 
    string sort=sortparameters(map); 
    //拼接api秘钥 
    sort=sort+"&key="+key; 
    //system.out.println(sort); 
    //md5加密 
    string sign=md5.md5encode(sort).touppercase(); 
    return sign; 
  } 
   
  /** 
   * 对参数列表进行排序,并拼接key=value&key=value形式 
   * @param map 
   * @return 
   */ 
  private static string sortparameters(map<string, string> map) { 
    set<string> keys = map.keyset(); 
    list<string> paramsbuf = new arraylist<string>(); 
    for (string k : keys) { 
      paramsbuf.add((k + "=" + getparamstring(map, k))); 
    } 
    // 对参数排序 
    collections.sort(paramsbuf); 
    string result=""; 
    int count=paramsbuf.size(); 
    for(int i=0;i<count;i++){ 
      if(i<(count-1)){ 
        result+=paramsbuf.get(i)+"&"; 
      }else { 
        result+=paramsbuf.get(i); 
      } 
    } 
    return result; 
  } 
  /** 
   * 返回key的值 
   * @param map 
   * @param key 
   * @return 
   */ 
  private static string getparamstring(map map, string key) { 
    string buf = ""; 
    if (map.get(key) instanceof string[]) { 
      buf = ((string[]) map.get(key))[0]; 
    } else { 
      buf = (string) map.get(key); 
    } 
    return buf; 
  } 
  /** 
   * 字符串列表从大到小排序 
   * @param data 
   * @return 
   */ 
  private static list<string> sort(list<string> data) { 
    collections.sort(data, new comparator<string>() { 
      public int compare(string obj1, string obj2) { 
        return obj1.compareto(obj2); 
      } 
    }); 
    return data; 
  } 

map转xml的方法:

/** 
   * map转xml 
   * @param arr 
   * @return 
   */ 
  public static string maptoxml(map<string, string> arr) { 
    string xml = "<xml>"; 
    iterator<entry<string, string>> iter = arr.entryset().iterator(); 
    while (iter.hasnext()) { 
      entry<string, string> entry = iter.next(); 
      string key = entry.getkey(); 
      string val = entry.getvalue(); 
      if (isnumeric(val)) { 
        xml += "<" + key + ">" + val + "</" + key + ">"; 
      } else 
        xml += "<" + key + "><![cdata[" + val + "]]></" + key + ">"; 
    } 
    xml += "</xml>"; 
    return xml; 
  } 
  private static boolean isnumeric(string str) { 
    if (str.matches("\\d *")) { 
      return true; 
    } else { 
      return false; 
    } 
  } 

以上就是java实现微信h5支付的主要代码了,大部分都有注释,也没有什么好解释的了。希望对大家的学习有所帮助,也希望大家多多支持。