怎样调通微信支付及微信发货通知接口（Js API）

大家好，又见面了，我是全栈君。

微信支付提供了一个支付測试页面，微信支付正式使用须要測通支付、发货通知接口、告警接口、维权接口。告警接口、维权接口非常easy。支付界面调通也相对简单。主要是发货通知接口略微复杂一点。

调通发货通知接口须要注意以下几点：

（1）微信支付文档中提到发货通知接口的PostData,这个事实上不是一个form里的一项，事实上 PostData的提法有点误导。理解为json串就能够了。

（2）以下的写法是错误的：

</form>

也不要写成：

事实上在支付成功的回调方法中。仅仅须要写一行代码：

jQuery.post(url,tmpData); //当中url: “https://api.weixin.qq.com/pay/delivernotify?access_token=生成的token” ,tmpData是一个json串。

tmpData的构成：

var tmpData = “{“; tmpData = ‘”appid”:”<%=appId%>”,’; tmpData = ‘”openid”:”oN6N9tzhHOMg6qA6DySr4IgkhdI8″,’; tmpData = ‘”transid”:”<%=transid%>”,’; tmpData = ‘”out_trade_no”:”‘ orderNo '”,’; tmpData = ‘”deliver_timestamp”:”‘ curTime '”,’; tmpData = ‘”deliver_status”:”1″,’; tmpData = ‘”deliver_msg”:”ok”,’; tmpData = ‘”app_signature”:”‘ sign2 '”,’;// tmpData = ‘”sign_method”:”sha1″‘; tmpData = “}”;

transid和 orderNo 及curTime可自己在页面中生成測试数据。这里主要提到签名，签名的函数：

function getSign2(appId,appKey,openId,transId,outTradeNo,deliver_timestamp) { var keyvaluestring = “appid=” appId ”&appkey=” appKey ”&deliver_msg=ok” ”&deliver_status=1″ ”&deliver_timestamp=”

deliver_timestamp ”&openid=” openId ”&out_trade_no=” outTradeNo ”&transid=” transId; var sign2 = CryptoJS.SHA1(keyvaluestring).toString(); return sign2; }

完整的JSP:

<%@ page contentType=”text/html;charset=utf-8″ %> <%@ page import=”com.openjweb.weixin.pojo.*”%> <%@ page import=”com.openjweb.weixin.util.*”%> <%@ page import=”org.openjweb.core.service.*”%> <%@ page import=”com.openjweb.weixin.entity.*”%> <%@ page import=”net.sf.json.*”%> <% //以下是openjweb平台中封装的，用户可自行设置appId和appSecret,对于access_token假设不好获取，可在 url中直接输入获取token的连接，获取到json数据后，将token值填到本jsp的tokenId变量，有2小时的可用时间

IDBSupportService service = (IDBSupportService)ServiceLocator.getBean(“IDBSupportService3”); WeixinServiceAccount acctEnt = (WeixinServiceAccount)service.findSingleValueByHql(“from WeixinServiceAccount where accountId=’iartwall'”); String appId = acctEnt.getAppId(); String appSecret = acctEnt.getAppSecret(); String transid = String.valueOf(System.currentTimeMillis()); //模拟一个交易号 String access_token_url = “https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET”; AccessToken accessToken = null; String tokenId = “”; String requestUrl = access_token_url.replace(“APPID”, appId).replace(“APPSECRET”, appSecret); JSONObject jsonObject = com.openjweb.weixin.util.WeixinUtil.httpRequest(requestUrl, “GET”, null); // 假设请求成功 if (null != jsonObject) { try { accessToken = new AccessToken(); accessToken.setToken(jsonObject.getString(“access_token”)); accessToken.setExpiresIn(jsonObject.getInt(“expires_in”)); } catch (JSONException e) { accessToken = null; } }

if(accessToken!=null) { tokenId = accessToken.getToken(); }

System.out.println(“http://api.weixin.qq.com/cgi-bin/pay/delivernotify?

access_token=” tokenId); %> <!DOCTYPE html> <html> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /> <meta HTTP-EQUIV=”pragma” CONTENT=”no-cache”> <meta HTTP-EQUIV=”Cache-Control” CONTENT=”no-cache, must-revalidate”> <meta HTTP-EQUIV=”expires” CONTENT=”Wed, 26 Feb 1997 08:21:57 GMT”> <meta HTTP-EQUIV=”expires” CONTENT=”0″> <meta id=”viewport” name=”viewport” content=”width=device-width; initial-scale=1.0; maximum-scale=1; user-scalable=no;” /> <title>公众号支付測试网页</title> <script language=”javascript” src=”http://res.mail.qq.com/mmr/static/lib/js/jquery.js”></script> <script language=”javascript” src=”http://res.mail.qq.com/mmr/static/lib/js/lazyloadv3.js”></script> <!–以下这2个非常坑爹的js一定要凝视掉，导致网页打开巨慢。google的js导致网页极慢,把js下载到本地运行--> <!–<script src=”http://crypto-js.googlecode.com/svn/tags/3.1.2/build/rollups/md5.js”></script> <script src=”http://crypto-js.googlecode.com/svn/tags/3.1.2/build/rollups/sha1.js”></script>–>

var fee_type = “1”;//费用类型，这里1为默认的人民币 var input_charset = “UTF-8”;//改为UTF-8,如今能够用UTF-8 var notify_url = “http://www.iartwall.com/portal/apps/b2c/weixinPay.jsp”;//这个地址是支付成功后调用的，业务系统须要在这里截获返回的參数，写到自己的业务系统中以记录此订单是否成功付款。及付款银行信息等非常多内容，详见支付接口文档。

var out_trade_no = “” getANumber();//订单号。商户须要保证该字段对于本商户的唯一性 var partner = getPartnerId();//測试商户号 var spbill_create_ip = “<%=request.getRemoteHost()%>”;//”127.0.0.1″;//用户浏览器的ip，这个须要在前端获取。这里使用127.0.0.1測试值 var total_fee = document.form1.totalFee.value;//总金额。

var partnerKey = getPartnerKey();//这个值和以上其它值不一样是：签名须要它，而最后组成的传输字符串不能含有它。

这个key是须要商户好好保存的。 //首先第一步：对原串进行签名。注意这里不要对不论什么字段进行编码。

这里是将參数依照key=value进行字典排序后组成以下的字符串,在这个字符串最后拼接上key=XXXX。由于这里的字段固定，因此仅仅须要依照这个顺序进行排序就可以。 var signString = “bank_type=” banktype ”&body=” body ”&fee_type=” fee_type ”&input_charset=” input_charset ”&notify_url=” notify_url ”&out_trade_no=” out_trade_no ”&partner=” partner ”&spbill_create_ip=” spbill_create_ip ”&total_fee=” total_fee ”&key=” partnerKey; var md5SignValue = (“” CryptoJS.MD5(signString)).toUpperCase(); //然后第二步，对每一个參数进行url转码，假设您的程序是用js，那么须要使用encodeURIComponent函数进行编码。

banktype = encodeURIComponent(banktype); body=encodeURIComponent(body); fee_type=encodeURIComponent(fee_type); input_charset = encodeURIComponent(input_charset); notify_url = encodeURIComponent(notify_url); out_trade_no = encodeURIComponent(out_trade_no); partner = encodeURIComponent(partner); spbill_create_ip = encodeURIComponent(spbill_create_ip); total_fee = encodeURIComponent(total_fee); //然后进行最后一步。这里依照key＝value除了sign外进行字典序排序后组成下列的字符串,最后再串接sign=value var completeString = “bank_type=” banktype ”&body=” body ”&fee_type=” fee_type ”&input_charset=” input_charset ”&notify_url=” notify_url ”&out_trade_no=” out_trade_no ”&partner=” partner ”&spbill_create_ip=” spbill_create_ip ”&total_fee=” total_fee; completeString = completeString “&sign=” md5SignValue; oldPackageString = completeString;//记住package，方便最后进行总体签名时取用 return completeString; } //以下是app进行签名的操作： var oldTimeStamp ;//记住timestamp，避免签名时的timestamp与传入的timestamp时不一致 var oldNonceStr ; //记住nonceStr,避免签名时的nonceStr与传入的nonceStr不一致 function getAppId() { // alert(‘getAppId start……’) return document.form1.appId.value; } function getAppKey() { return “2WU。。

。

。。JObvBqfs”;//非常长非常长，支付专用签名串PaySignKey，假设没有。跟微信客服索取（得走完微信支付审批流程）。

} function getTimeStamp() { var timestamp=new Date().getTime(); var timestampstring = timestamp.toString();//一定要转换字符串 oldTimeStamp = timestampstring; curTime = timestampstring; return timestampstring; } function getNonceStr() { var chars = ‘ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789’; var maxPos = chars.length; var noceStr = “”; for (i = 0; i < 32; i ) { noceStr =

// 当微信内置浏览器完毕内部初始化后会触发WeixinJSBridgeReady事件。

document.addEventListener(‘WeixinJSBridgeReady’, function onBridgeReady() { //公众号支付 jQuery(‘a#getBrandWCPayRequest’).click(function(e) { WeixinJSBridge.invoke(‘getBrandWCPayRequest’,{ “appId” : getAppId(), //公众号名称，由商户传入 “timeStamp” : getTimeStamp(), //时间戳 “nonceStr” : getNonceStr(), //随机串 “package” : getPackage(),//扩展包 “signType” : getSignType(), //微信签名方式:1.sha1 “paySign” : getSign() //微信签名 },function(res) { if(res.err_msg == “get_brand_wcpay_request:ok” ) { //以下的发货接口须要post var sign2 = getSign2(“<%=appId%>”,”2W 。。

。。。

。Bqfs”,”oN6N9tzhHOMg6qA6DySr4IgkhdI8″,”<%=transid%>”,orderNo,curTime); var tmpData = “{“; tmpData = ‘”appid”:”<%=appId%>”,’; tmpData = ‘”openid”:”oN6N9tzhHOMg6qA6DySr4IgkhdI8″,’; tmpData = ‘”transid”:”<%=transid%>”,’; tmpData = ‘”out_trade_no”:”‘ orderNo '”,’; tmpData = ‘”deliver_timestamp”:”‘ curTime '”,’; tmpData = ‘”deliver_status”:”1″,’; tmpData = ‘”deliver_msg”:”ok”,’; tmpData = ‘”app_signature”:”‘ sign2 '”,’;// tmpData = ‘”sign_method”:”sha1″‘; tmpData = “}”; var url = “https://api.weixin.qq.com/pay/delivernotify?access_token=<%=tokenId%>”; jQuery.post(url,tmpData); } // 使用以上方式推断前端返回,微信团队郑重提示：res.err_msg将在用户支付成功后返回ok。但并不保证它绝对可靠。 //因此微信团队建议，当收到ok返回时，向商户后台询问是否收到交易成功的通知。若收到通知。前端展示交易成功的界面。若此时未收到通知。商户后台主动调用查询订单接口，查询订单的当前状态。并反馈给前端展示对应的界面。

}); }); WeixinJSBridge.log(‘yo~ ready.’); }, false) if(jQuery){ jQuery(function(){ var width = jQuery(‘body’).width() * 0.87; jQuery(‘img’).error(function(){ var self = jQuery(this); var org = self.attr(‘data-original1’); self.attr(“src”, org); self.error(function(){ auto_remove(this); }); }); jQuery(‘img’).each(function(){ var self = jQuery(this); var w = self.css(‘width’); var h = self.css(‘height’); w = w.replace(‘px’, ”); h = h.replace(‘px’, ”); if(w <= width){ return; } var new_w = width; var new_h = Math.round(h * width / w); self.css({‘width’ : new_w ‘px’, ‘height’ : new_h ‘px’}); self.parents(‘div.pic’).css({‘width’ : new_w ‘px’, ‘height’ : new_h ‘px’}); }); }); }

</script> </head> <body> <% String proName = new String(“手表”.getBytes(“GB2312”)); %> <form name=”form1″ target=”_blank”> <table border=”1″> <TR><th>公众号ID</th> <th><INPUT value=”<%=appId%>” name=”appId” id=”1″></th> <tr><th>商户ID</th><th><INPUT value=”1219345101″ name=”partnerId” id=”2″></th> <TR><th>总金额</th><th><INPUT value=1 name=”totalFee” id=”3″></th> <TR><th>商品名</th><th><INPUT value=”手表” name=”body” id=”4″></th> </table> </form>

调试发货接口出现 not same appid with appid of access_token; 问题。一般不是 appId和access_token不匹配的问题。由于大部分开发者是能够获得正确的access_token,主要原因是（1）可能用form表单带各种參数提交（2）非json格式（3）把PostData理解为一个form里的隐藏域并赋值json数据

依照本例的代码，可解决发货通知接口问题。当然微信账号的各种商户id、key要配置正确。

以下是微信发货通知接口调通后的界面（在微信服务号后台查看）：

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/115894.html原文链接：https://javaforall.cn

微信 javascript jquery jsp

0 人点赞