怎样调通微信支付及微信发货通知接口（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>

}



function getPackage()
{
var banktype = "WX";
var body = document.form1.body.value;//商品名称信息。这里由測试网页填入。

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()
{

// 当微信内置浏览器完毕内部初始化后会触发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要配置正确。

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

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvYmFvemhlbmd3/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" />

怎样调通微信支付及微信发货通知接口（Js API）的更多相关文章

Android调试大法自定义IDE默认签名文件==>微信支付、微信登录、微信分享，debug时调试通过，release时调不起微信
转载地址:http://blog.yanzhenjie.com Android调试大法之自定义IDE默认签名文件,你是否为调试第三方SDK时debug签名和release签名发生冲突而烦恼?你是否在d ...
微信支付：微信支付遇到的坑：jssdk,phpdemo,微信支付提示{"errMsg":"chooseWXPay:fail"}
微信支付:微信支付遇到的坑:jssdk,phpdemo 使用微信支付,真是变态,如果不是微信用户多,我才不适配微信支付,我就在想:为什么没人用我支付宝的[点点虫]呢.一个小小的“/”的误差,都调不起微 ...
【原创分享·微信支付】C# MVC 微信支付之微信模板消息推送
微信支付之微信模板消息推送今天我要跟大家分享的是“模板消息”的推送,这玩意呢,你说用途嘛,那还是真真的牛逼呐.原因在哪?就是因为它是依赖微信生存的呀,所以他能不 ...
C# MVC 微信支付之微信模板消息推送
微信支付之微信模板消息推送今天我要跟大家分享的是"模板消息"的推送,这玩意呢,你说用途嘛,那还是真真的牛逼呐.原因在哪?就是因为它是依赖微信 ...
h5微信支付在微信内页使用微信公众号支付
由于app的迭代,原本的微信支付是使用原生写的然后h5这边做交互,现在需要修改使用h5的微信支付,于是就有了现在的这个例子,微信支付其实对于我们前端来说就是调用接口然后,根据链接进行支付,其中有点坑 ...
微信支付和微信支付通知基于sdk的说明(2)
前期准备工作微信商户账户/密码(获取appid等信息) 微信公众号账户/密码(获取cert证书等信息,不做线上退款不需要证书) 下载php支付demo 从商户平台进入的话是以下界面或者直接搜索公众号 ...
浅析微信支付：微信支付简单介绍（小程序、公众号、App、H5）
本文是[浅析微信支付]系列文章的第二篇,主要讲解一下普通商户接入的支付方式以及其中的不同之处. 上篇文章讲了本系列的大纲,没有看过的朋友们可以看一下. 浅析微信支付:前篇大纲微信支付是集成在微信客户 ...
微信支付之01------获取订单微信支付二维码的接口------Java实现
[ 前言:以前写过一个获取微信二维码支付的接口,发现最近公司新开的项目会经常用到,现在我又翻出代码看了一遍,觉得还是把整个代码流程记下来的好 ] 借鉴博客: 他这篇博客写得不错,挺全的:https:/ ...
H5使用codovar插件实现微信支付（微信APP支付模式，前端）
H5打包的app实现微信支付及支付宝支付,本章主要详解微信支付,支付宝支付请查看另一篇“H5使用codovar插件实现支付宝支付(支付宝APP支付模式,前端)” ps:本文只试用H5开发的,微信 AP ...

随机推荐

Spring Boot 部署与服务配置
Spring Boot 其默认是集成web容器的,启动方式由像普通Java程序一样,main函数入口启动.其内置Tomcat容器或Jetty容器,具体由配置来决定(默认Tomcat).当然你也可以将项 ...
解决WEB页面上"焦点控制"一法
解决WEB页面上"焦点控制"一法分类: Html/Css2011-11-11 17:28 125人阅读评论(0) 收藏举报 webjavascriptasp.netbutto ...
JavaScript学习总结(十六)——Javascript闭包（Closure）
原文地址: http://www.cnblogs.com/xdp-gacl/p/3703876.html 闭包(closure)是Javascript语言的一个难点,也是它的特色, 很多高级应用都要依 ...
SignalR with ASP.NET MVC5 可用于倒计时同步
原文地址:http://www.codeproject.com/Articles/806919/SignalR-with-ASP-NET-MVC
poj 3761 Bubble Sort_快速幂
题意:问你冒泡排序第i次排序,一共排了多少次套公式K!((K + 1) ^ (N - K) - K ^ (N - K)) #include <iostream> #include< ...
集装箱学习（两）：动手模拟AOP
简单的说,Spring是一个轻量级的控制反转(IOC)和面向切面(AOP)的容器框架. 上文已经介绍模拟IoC实现,这篇文章来动手模拟AOP. AOP简述面向对象强调"一切皆是对象&quo ...
Broadcast详解
今天闲来无事,研究了下Android的Broadcast,发现Broadcast在Android系统中担任着很艰巨的角色. Broadcast是Android的四大组件之一:Broadcast分为普通 ...
codevs1041
codevs 1041 又到暑假了,住在城市A的Car想和朋友一起去城市B旅游.她知道每个城市都有四个飞机场,分别位于一个矩形的四个顶点上,同一个城市中两个机场之间有一条笔直的高速铁路,第I个城市中高 ...
java实现二叉树的相关操作
import java.util.ArrayDeque; import java.util.Queue; public class CreateTree { /** * @param args */ ...
AfxEnableControlContainer()
1)OLE(Object Linking and Embedding,对象连接与嵌入).是一种面向对象的技术,利用OLE可开发可重复使用的软件组件(COM). 2)ActiveX 控件是基于组件对象模 ...

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

怎样调通微信支付及微信发货通知接口（Js API）的更多相关文章

随机推荐

热门专题