微信公众号开发中遇到的问题——支付回调,分享,获取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:
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,可以在页面中把链接地址中把链接写成这种形式:
获取openId,其中把appid换成自己公众号的appid,然后在test方法中,通过获取到的code来获取openId。scope=snsapi_base当把scope参数设置成snsapi_base时,也就只能获取到openId;如果要想获取用户的基本信息,要把scope设置成snsapi_userinfo,在用户没有关注公众号的时候,通过用户授权来获取用户信息。

你可能感兴趣的:(微信公众号)