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

首页 > 代码库 > 如何调通微信支付及微信发货通知接口（Js API）

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

2024-07-11 01:57:28 222人阅读

微信支付提供了一个支付测试页面，微信支付正式使用需要测通支付、发货通知接口、告警接口、维权接口。告警接口、维权接口非常简单。支付界面调通也相对简单，主要是发货通知接口稍微复杂一点。调通发货通知接口需要注意以下几点：

（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 = http://www.mamicode.com/"{";
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://www.mamicode.com/"http://res.mail.qq.com/mmr/static/lib/js/jquery.js"></script>
<script language="javascript" src=http://www.mamicode.com/"http://res.mail.qq.com/mmr/static/lib/js/lazyloadv3.js"></script>

// 当微信内置浏览器完成内部初始化后会触发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 = http://www.mamicode.com/"{";
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=http://www.mamicode.com/"" name="appId" id="1">
<tr><th>商户ID</th><th><INPUT value=http://www.mamicode.com/"1219345101" name="partnerId" id="2">
<TR><th>总金额</th><th><INPUT value=http://www.mamicode.com/1 name="totalFee" id="3">
<TR><th>商品名</th><th><INPUT value=http://www.mamicode.com/"手表" name="body" id="4">
</table>
</form>

<div class="WCPay">
<a id="getBrandWCPayRequest" href="javascript:void(0);"><h1 class="title">提交</h1></a>
</div>


</body>
</html>

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

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

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

声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉：投诉/举报工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。

联系
我们

首页 > 代码库 > 如何调通微信支付及微信发货通知接口（Js API）

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

看完仍有疑问？有类似问题直接问程序猿