微信公众号开发中遇到的问题——支付回调，分享，获取openId

微信的统一下单接口（https://api.mch.weixin.qq.com/pay/unifiedorder）中，下单时，有这样一个参数：notify_url，该参数是为接收微信支付异步通知回调的地址，通知url必须为直接可访问的url，不能携带参数。之前我做回调的时候，为了性能方面的考虑，没有使用这种方式，而是在这个方法中：

[javascript] view plain copy

1. wx.ready(function(){  
2.     wx.chooseWXPay({  
3.         "timestamp": timestamp, // 支付签名时间戳，注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符  
4.         "nonceStr": nonceStr, // 支付签名随机串，不长于 32 位  
5.         "package": 'prepay_id=' + prepayId, // 统一支付接口返回的prepay_id参数值，提交格式如：prepay_id=***）  
6.         "signType": 'MD5', // 签名方式，默认为'SHA1'，使用新版支付需传入'MD5'  
7.         "paySign": paySign, // 支付签名  
8.         success: function (res) {  
9.             //支付成功  
10.         },  
11.         cancel:function(res){  
12.             //支付取消  
13.         },  
14.         fail:function(res){  
15.             //支付失败  
16.         }  
17.     });  
18. });  

当success、cancel、fail的时候，用ajax直接调用后台做回调操作，这样做的好处是不用在点击支付的时候做操作订单等一系列操作，提高了支付弹出框弹出的速度；但是后来测试的时候，发现用户支付完成之后，如果没有点击微信支付成功页面右上角的完成按钮时，就回调不到success中的回调方法。那这样问题就很大了，所以我只能修改成在notify_url中做回调操作，但是调用这个方法的时候，不能携带参数，那就不知道是哪个订单做的回调。我是这样解决的，下单接口中有个attach参数，我把订单的id放入到了这个参数中，回调时会原样返回来，不知道有没有其他方法没有，欢迎大家提供方法。

2、微信分享
a)
在需要被分享的页面，引入js：<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js" type="text/javascript"></script>
b)
准备微信Jssdk的基本配置信息：

[javascript] view plain copy

1. wx.config({  
2.     appId: appId, // 必填，公众号的唯一标识  
3.     timestamp: timestamp, // 必填，生成签名的时间戳  
4.     nonceStr: nonceStr, // 必填，生成签名的随机串  
5.     signature: signature,// 必填，签名，见附录1  
6.     jsApiList: ['onMenuShareAppMessage','onMenuShareQQ','onMenuShareWeibo','onMenuShareQZone','onMenuShareTimeline'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2  
7. });  
8. wx.error(function(res){  
9.     alert(res.errMsg);  
10. });  

c)
准备好参数之后调用相关分享的方法：

[javascript] view plain copy

1. wx.ready(function(){  
2.     //分享到聊天  
3.     wx.onMenuShareAppMessage({  
4.         title: shareTitle, // 分享标题  
5.         desc: shareDesc, // 分享描述  
6.         imgUrl: shareImg,//分享图片  
7.         success: function () {   
8.             // 用户确认分享后执行的回调函数  
9.         },  
10.         cancel: function () {   
11.             // 用户取消分享后执行的回调函数  
12.         }  
13.     });  
14.       
15.     //分享到QQ  
16.     wx.onMenuShareQQ({  
17.         title: shareTitle, // 分享标题  
18.         desc: shareDesc, // 分享描述  
19.         imgUrl: shareImg,//分享图片  
20.         success: function () {   
21.             // 用户确认分享后执行的回调函数  
22.         },  
23.         cancel: function () {   
24.             // 用户取消分享后执行的回调函数  
25.         }  
26.     });  
27.       
28.     //分享到微博  
29.     wx.onMenuShareWeibo({  
30.         title: shareTitle, // 分享标题  
31.         desc: shareDesc, // 分享描述  
32.         imgUrl: shareImg,//分享图片  
33.         success: function () {   
34.             // 用户确认分享后执行的回调函数  
35.         },  
36.         cancel: function () {   
37.             // 用户取消分享后执行的回调函数  
38.         }  
39.     });  
40.       
41.     //分享到qq空间  
42.     wx.onMenuShareQZone({  
43.         title: shareTitle, // 分享标题  
44.         desc: shareDesc, // 分享描述  
45.         imgUrl: shareImg,//分享图片  
46.         success: function () {   
47.             // 用户确认分享后执行的回调函数  
48.         },  
49.         cancel: function () {   
50.             // 用户取消分享后执行的回调函数  
51.         }  
52.     });  
53.       
54.     //分享到朋友圈  
55.     wx.onMenuShareTimeline({  
56.         title: shareTitle, // 分享标题  
57.         desc: shareDesc, // 分享描述  
58.         imgUrl: shareImg,//分享图片  
59.         success: function () {   
60.             // 用户确认分享后执行的回调函数  
61.         },  
62.         cancel: function () {   
63.             // 用户取消分享后执行的回调函数  
64.         }  
65.     });  
66. });  

d)
在wx.config中，timestamp、nonceStr、signature三个参数强烈建议用ajax动态获取，如果不是动态获取的首次分享可能没有问题，但是当被分享人打开这个页面再次分享时就会出现问题，这个一定要注意。

[javascript] view plain copy

1. var timestamp;  
2. var nonceStr;  
3. var signature;  
4. //这里要特别强调这个url，获取signature时提供的url，一定要用这种方法，  
5. //encodeURIComponent类似于java中的URIEncoding.encode方法，因为当url中有传递的参数时，如果不加密就会报错  
6. var url = encodeURIComponent(location.href.split('#')[0]);  
7. $.ajax({  
8.     type: "POST",  
9.     async: false,  
10.     url: "${pageContext.request.contextPath }/course/getJsSdk.action",  
11.     data:"url="+url,  
12.     success: function(msg){  
13.         var msgArr = msg.split("##");  
14.         timestamp = msgArr[0];  
15.         nonceStr = msgArr[1];  
16.         signature = msgArr[2];  
17.     },  
18.     error: function(msg){  
19.         alert("数据错误！");  
20.     }  
21. });  

getJsSdk方法：

[java] view plain copy

1. /** 
2.  * 获取JsSdk的信息 
3.  * @throws Exception 
4.  */  
5. @Action("getJsSdk")  
6. public void getJsSdk() throws Exception{  
7.     String url = request.getParameter("url");  
8.     log.info("url = " + url);  
9.     String ticket = AdvancedUtil.getTicket(WSPostUtil.getToken());  
10.     jssdk = JsSdkUtil.getSignature(ticket,url);  
11.     printInfo(jssdk.getTimestamp() + "##" + jssdk.getNoncestr() + "##" + jssdk.getSignature());  
12. }  

这个方法中用到的相关方法，我在上篇博客中已经有提到，如果有疑问的，可以给我留言，谢谢。

3、获取openId（用户没有关注公众号）

如果要获取openid，可以在页面中把链接地址中把链接写成这种形式：
<a href="https://open.weixin.qq.com/connect/oauth2/authorize?appid=&redirect_uri=http%3A%2F%2Fwww.XXX.com%2Ftest.action&response_type=code&scope=snsapi_base&state=state#wechat_redirect">获取openId</a>，其中把appid换成自己公众号的appid，然后在test方法中，通过获取到的code来获取openId。scope=snsapi_base当把scope参数设置成snsapi_base时，也就只能获取到openId；如果要想获取用户的基本信息，要把scope设置成snsapi_userinfo，在用户没有关注公众号的时候，通过用户授权来获取用户信息。