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

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

[javascript]
view plain
copy





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

当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





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

c)

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

[javascript]
view plain
copy





wx.ready(function(){  
    //分享到聊天  
    wx.onMenuShareAppMessage({  
        title: shareTitle, // 分享标题  
        desc: shareDesc, // 分享描述  
        imgUrl: shareImg,//分享图片  
        success: function () {   
            // 用户确认分享后执行的回调函数  
        },  
        cancel: function () {   
            // 用户取消分享后执行的回调函数  
        }  
    });  
      
    //分享到QQ  
    wx.onMenuShareQQ({  
        title: shareTitle, // 分享标题  
        desc: shareDesc, // 分享描述  
        imgUrl: shareImg,//分享图片  
        success: function () {   
            // 用户确认分享后执行的回调函数  
        },  
        cancel: function () {   
            // 用户取消分享后执行的回调函数  
        }  
    });  
      
    //分享到微博  
    wx.onMenuShareWeibo({  
        title: shareTitle, // 分享标题  
        desc: shareDesc, // 分享描述  
        imgUrl: shareImg,//分享图片  
        success: function () {   
            // 用户确认分享后执行的回调函数  
        },  
        cancel: function () {   
            // 用户取消分享后执行的回调函数  
        }  
    });  
      
    //分享到qq空间  
    wx.onMenuShareQZone({  
        title: shareTitle, // 分享标题  
        desc: shareDesc, // 分享描述  
        imgUrl: shareImg,//分享图片  
        success: function () {   
            // 用户确认分享后执行的回调函数  
        },  
        cancel: function () {   
            // 用户取消分享后执行的回调函数  
        }  
    });  
      
    //分享到朋友圈  
    wx.onMenuShareTimeline({  
        title: shareTitle, // 分享标题  
        desc: shareDesc, // 分享描述  
        imgUrl: shareImg,//分享图片  
        success: function () {   
            // 用户确认分享后执行的回调函数  
        },  
        cancel: function () {   
            // 用户取消分享后执行的回调函数  
        }  
    });  
});  

d)

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

[javascript]
view plain
copy





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

getJsSdk方法：

[java]
view plain
copy





/** 
 * 获取JsSdk的信息 
 * @throws Exception 
 */  
@Action("getJsSdk")  
public void getJsSdk() throws Exception{  
    String url = request.getParameter("url");  
    log.info("url = " + url);  
    String ticket = AdvancedUtil.getTicket(WSPostUtil.getToken());  
    jssdk = JsSdkUtil.getSignature(ticket,url);  
    printInfo(jssdk.getTimestamp() + "##" + jssdk.getNoncestr() + "##" + jssdk.getSignature());  
}  

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

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，在用户没有关注公众号的时候，通过用户授权来获取用户信息。