android微信h5转原生支付,微信原生支付流程以及踩坑

本次记录的是微信“JSAPI”的支付方式  也就是微信内H5页面调起支付，其他支付方式也大同小异，总体的流程和思路大致是一样的，基本配置方面就不详细记录，只需要商户号和商户Key，这个是配套的，还有跟商户号绑定的appid,在商户平台就可以实现绑定。

//组织参数统一下单(key注意字母大小写)

TreeMap treeMap = new TreeMap<>();

treeMap.put("appid",appid); //公众号的appid

treeMap.put("mch_id",mchId); //商户号

treeMap.put("nonce_str",nonce_str); //32位随机字符串，，推荐随机数生成算法(每次下单不可重复)

treeMap.put("body",body); //商品描述

treeMap.put("out_trade_no",orderNo); //商户订单号 32位随机字符串，推荐随机数生成算法(每次下单不可重复)

treeMap.put("openid",openId); //微信用户的openid，trade_type=JSAPI时(即JSAPI支付)，此参数必传(获取方式微信公众平台有方式)

treeMap.put("total_fee",total_fee); //下单金额(分)

treeMap.put("spbill_create_ip","127.0.0.1"); //下单ip地址

treeMap.put("notify_url",notify_url); //异步通知地址

treeMap.put("trade_type","JSAPI"); //交易类型

treeMap.put("sign_type","MD5"); //签名方式

String sign =MD5Util.createSign(treeMap, partnerkey);

treeMap.put("sign",sign);

String payUrl=WXPayConstants.UNIFIEDORDER_URL;//这里的xml拼接需要按照字母顺序先后拼接(参数都是统一下单存在的参数)//注意字母大小写

String xml=""+

""+appid+""+

"

"+body+""+

""+mchId+""+

""+nonce_str+""+

""+notify_url+""+

""+orderNo+""+

""+openId+""+

""+"127.0.0.1"+""+

""+"MD5"+""+

""+total_fee+""+

""+"JSAPI"+""+

""+

"";//请求统一下单接口

String result =HttpRequest.doPost(payUrl, xml);//将成功返回的xml格式转为map格式(方便取值)

Map resultMap = XmlUtils.toMap(result.getBytes(), "UTF-8");//判断返回条件是否满足

if(resultMap.get("return_code").equals("SUCCESS") && resultMap.containsKey("result_code") && resultMap.get("result_code").equals("SUCCESS")){//下单成功，将订单信息存入库中

PayTradeFlow tradeFlow = newPayTradeFlow();

tradeFlow.setOutTradeNo(orderNo);//订单号

tradeFlow.setBody(""); //商品名称

tradeFlow.setWxStatus("等待付款"); //订单状态

tradeFlow.setTradeTime(new Date()); //订单发起时间

tradeFlow.setId(nonce_str); //订单id

tradeFlow.setOpenid(""); //openid

tradeFlow.setTotalFee(Integer.parseInt(AmountUtils.changeY2F(total_fee))); //支付金额

tradeFlow.setTradeType("JSAPI");

tradeFlow.setPayResult("SUCCESS");int insert_code =payTradeFlowDao.insertSelective(tradeFlow);if (insert_code > 0){//组织参数返回前端调起支付

JSONObject obj = newJSONObject();//package参数需按照 package ：prepay_id=123456789 格式拼接返回

obj.put("package","prepay_id="+resultMap.get("prepay_id"));//预支付交易标识

obj.put("nonceStr",resultMap.get("nonce_str")); //32位随机字符串

obj.put("appId",resultMap.get("appid")); //appid(统一下单时一样的)

obj.put("signType","MD5"); //签名方式(跟统一下单时保持一致)

obj.put("timeStamp",timeStamp); //时间戳(10位)不是当前毫秒值//将调起支付的五个参数二次签名得到paySign一起返回前端

TreeMap map = new TreeMap<>();

map.put("appId",resultMap.get("appid"));

map.put("timeStamp",timeStamp);

map.put("nonceStr",resultMap.get("nonce_str"));

map.put("package","prepay_id="+resultMap.get("prepay_id"));

map.put("signType","MD5");//obj.put("paySign",WXPayUtil.generateSignature(map,partnerkey).toUpperCase());

obj.put("paySign",MD5Util.createSign(map,partnerkey).toUpperCase()); //二次签名paySign(需要转为大小)

returnResponseEntity.createNormalJsonResponse(obj);

}

}

前端接收参数调起支付：

function pay() {

var inputName= document.getElementById("name");

name=inputName.value;

var inputMoney= document.getElementById("money");

money=inputMoney.value;if (name === '') {

layer.msg("商品名称不能为空!");return;

}if (money === '') {

layer.msg("充值金额不能为空!");return;

}

$(function () {

$.ajax({

url:"http://192.168.25.54:8083/services/wxPay/pay", //后台接口地址

type:"post",

async:true,

data:"{\"body\":\""+name+"\",\"totalFee\":\""+money+"\"}", //后台需要的参数

contentType: "application/json",

Accept:"*/*",

success: function (result) {

var payInfo= eval("(" + result + ")");if (payInfo.code == 0) {

payInfo=payInfo.responseData;

onBridgeReady();

function onBridgeReady() {

WeixinJSBridge.invoke('getBrandWCPayRequest', {

//五个参数需要按照字母顺序"appId": payInfo.appId, //公众号名称，由商户传入

"timeStamp": payInfo.timeStamp, //时间戳(10位)，自1970 年以来的秒数

"nonceStr": payInfo.nonceStr, //32位随机串

"package": payInfo.package, //统一下单返回的prepay_id 预支付交易标识

"signType": payInfo.signType, //下单时签名方式:

"paySign": payInfo.paySign, //后台二次签名得到的,不是统一下单返回的sign

}, function (res) {if (res.err_msg == "get_brand_wcpay_request:ok") {//支付成功跳转页面

window.location.href = 'reg_history.html?accountId=';

alert("支付成功")

}if (res.err_msg == "get_brand_wcpay_request:cancel") {

alert("您取消了");

WeixinJSBridge.call('closeWindow');

}if (res.err_msg == "get_brand_wcpay_request:fail") {

alert("支付失败");

WeixinJSBridge.call('closeWindow');

}

}

);

}

}else{

layer.msg("系统错误!");

}

}

});

})

}

大致流程就是前端发起支付请求，后端统一下单生成预支付交易标识，然后组织5个参数二次签名生成paySign 返回给前端调起支付，

过程中容易出现的错误有两个地方：

1：前端接收到参数后签名验证失败(这个问题是多方面的，还是要仔细检查入参，字母大小写(统一下单时入参是appid，调起支付时是appId)，参数个数是否对应，生成的签名需要转为大写字母)

2：前端调起支付时提示 -调用支付JSAPI缺少参数：total_fee(这个虽然提示是缺少金额，但实际上并不是，这个还是需要仔细检查入参和二次签名流程，字母大小写，无非就是这些问题)