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支付的主要代码了，大部分都有注释，也没有什么好解释的了。希望对大家的学习有所帮助，也希望大家多多支持。