java实现微信H5支付方法详解
前面做了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支付的主要代码了，大部分都有注释，也没有什么好解释的了。希望对大家的学习有所帮助，也希望大家多多支持我们。
相关推荐
-
Java微信支付之公众号支付、扫码支付实例
微信支付现在已经变得越来越流行了,随之也出现了很多以可以快速接入微信支付为噱头的产品,不过方便之余也使得我们做东西慢慢依赖第三方,丧失了独立思考的能力,这次打算分享下我之前开发过的微信支付. 一 .H5公众号支付 要点:正确获取openId以及统一下单接口,正确处理支付结果通知,正确配置支付授权目录 H5的支付方式是使用较为广泛的方式,这种支付方式主要用于微信内自定义菜单的网页,依赖手机上安装的微信客户端,高版本的微信才支持微信支付,下面按我的流程注意说明 1 编写用于支付的页面,由于是测试用
-
Java通过JsApi方式实现微信支付
要使用JsApi进行微信支付,首先要从微信获得一个prepay_id,然后通过调用微信的jsapi完成支付,JS API的返回结果get_brand_wcpay_request:ok仅在用户成功完成支付时返回.由于前端交互复杂,get_brand_wcpay_request:cancel或者get_brand_wcpay_request:fail可以统一处理为用户遇到错误或者主动放弃,不必细化区分. 示例代码如下: function onBridgeReady(){ WeixinJSBridge
-
java实现微信支付（服务端）
废话不多说,直接看代码. RequestHandler requestHandler = new RequestHandler(super.getRequest(),super.getResponse()); //获取token //两小时内有效,两小时后重新获取 Token = requestHandler.GetToken(); //更新token 到应用中 requestHandler.getTokenReal(); System.out.println("微信支付获取token=====
-
Java微信支付-微信红包
微信红包的使用已经很广泛,本篇文章介绍了微信发红包的实例,需要有认证的公众号,且开通了微信支付,商户平台且开通了现金红包的权限即可. https://pay.weixin.qq.com商户登陆地址.选择查看营销中心的现金红包 https://pay.weixin.qq.com/wiki/doc/api/tools/cash_coupon.php?chapter=13_1 现金红包的官网文档说明 先看几个图 简单的测试.前提需要你去商户平台先充值.不支持预支付.本文只是总结微信现金红包接口的调用与
-
java开发微信公众号支付
最近做了微信公众号支付的开发,由于是第一次做也摸索了几天的时间,也只是达到了实现功能的水平,并没有太多考虑到性能问题,所以这篇文章比较适合初学者. 微信公众号支付的总体其实很简单,大致就分为三步.第一步需要获取用户授权:第二步调用统一下单接口获取预支付id:第三步H5调起微信支付的内置的js.下面介绍具体每一步的开发流程. 一 首先要明确微信公众号支付属于网页版支付,所以相较于app的直接调取微信支付要多一步微信授权.也就是需要获取用户的openid.微信公众号使用的交易类型是JSAPI,
-
微信APP支付Java代码
本文实例为大家分享了java微信APP支付代码,供大家参考,具体内容如下 import java.io.IOException; import java.io.UnsupportedEncodingException; import java.util.Random; import org.apache.http.ParseException; import org.apache.http.client.ClientProtocolException; import org.apache.htt
-
微信小程序 支付后台java实现实例
微信小程序 支付后台java实现实例 前言: 前些天使用 LeanCloud 云引擎写了个小程序的支付相关 以前只做过 APP 支付 这次在小程序支付爬了两天的坑 把代码也分享出来 支付流程: 1.小程序前端获取微信 openId 以及订单号 传给后台 2,后台根据 openId 和订单号进行签名 post 微信统一下单接口 3.后台获取微信返回的xml字符串 解析 二次签名以后返回给前端 4.前端调起支付微信支付 API 先看支付函数: //获取支付信息 @EngineFunction("ge
-
详解JAVA后端实现统一扫码支付：微信篇
最近做完了一个项目,正好没事做,产品经理就给我安排了一个任务. 做一个像收钱吧这样可以统一扫码收钱的功能. 一开始并不知道是怎么实现的,咨询了好几个朋友,才知道大概的业务流程:先是开一个网页用来判断支付平台,是微信还是支付宝,判断过后就好办了,直接照搬微信支付和支付宝的官方文档.不过微信的文档感觉有点坑,得多花点心思. 现在讲讲怎么实现微信支付网页支付,也就是公众号支付: 1.判断支付平台,在判断是微信平台时,必须使用window.location打开网页,使用其他方法在IOS版微信无法打开网页
-
java服务端微信APP支付接口详解
一.微信APP支付接入商户服务中心 [申请流程指引] (https://open.weixin.qq.com/cgi-bin/showdocument?action=dir_list&t=resource/res_list&verify=1&id=open1419317780&token=84f23b4e9746c5963128711f225476cfd49ccf8c&lang=zh_CN) 二.开始开发 1.配置相关的配置信息 1.1.配置appid(Androi
-
Java SpringMVC实现PC端网页微信扫码支付(完整版)
一:前期微信支付扫盲知识 前提条件是已经有申请了微信支付功能的公众号,然后我们需要得到公众号APPID和微信商户号,这个分别在微信公众号和微信支付商家平台上面可以发现.其实在你申请成功支付功能之后,微信会通过邮件把Mail转给你的,有了这些信息之后,我们就可以去微信支付服务支持页面:https://pay.weixin.qq.com/service_provider/index.shtml 打开这个页面,点击右上方的链接[开发文档]会进入到API文档说明页面,看起来如下 选择红色圆圈的扫码支付就
-
Java编程调用微信支付功能的方法详解
本文实例讲述了Java编程调用微信支付功能的方法.分享给大家供大家参考,具体如下: 微信开发文档地址:https://mp.weixin.qq.com/wiki/home/ 从调用处开始 我的流程: 1.点击"支付"按钮,去后台 --> 2.后台生成支付所需数据返回页面 --> 3.页面点击"确认支付"调用微信支付js.完成支付功能. 支付按钮 <div class="button" id="pay" onc