新版微信 weixin js sdk-demo 分享接口自定义标题

一直以来都是用非官方的分享接口，最近腾讯推出了js分享接口，相信很多用户都需要紧急修改。

本人运营的平台也都做了更新，相信按照官方的文档都能弄好分享。只是有些游戏类的要根据相关参数来设置就会麻烦不少。我们有一个游戏，分享的时候会根据玩的分数自定义分享标题，这样官方的文档就不好用了。

我附上我们实现的代码，方便更多从事微信公众平台开发的朋友。

<script>
    wx.config({
        debug: false,
        appId: '<?php echo $signPackage["appId"];?>',
        timestamp: <?php echo $signPackage["timestamp"];?>,
        nonceStr: '<?php echo $signPackage["nonceStr"];?>',
        signature: '<?php echo $signPackage["signature"];?>',
        jsApiList: [
            'onMenuShareTimeline',
            'onMenuShareAppMessage'
          // 所有要调用的 API 都要加到这个列表中
        ]
    });

        var imgUrl = 'http://wx.socialtok.com/source/modules/xiwan/template/mobile/img/share.jpg';
        var link ='http://wx.socialtok.com/{php echo $this->createMobileUrl('index')}&wxref=mp.weixin.qq.com#wechat_redirect';
        var desc = '西门子家电疯狂刷碗比赛，根本停不下来！这分数我也是醉了。';
        var title = '西门子家电疯狂刷碗比赛';
         
        function shareFriend() {
            WeixinJSBridge.invoke('sendAppMessage',{
                "title": title, // 分享标题
                "desc": desc,
                "link": link, // 分享链接
                "img_url": imgUrl// 分享图标
            }, function(res) {
                   //_report('timeline', res.err_msg);
                   //alert(res.err_msg);
                   if(res.err_msg=='send_app_msg:cancel'){
                        alert('已经取销');
                   }else if(res.err_msg=='send_app_msg:ok'){
                        //alert('分享成功'); 
                         $.post('http://wx.socialtok.com/'+"{php echo $this->createMobileUrl('updatecount')}",{},function(result){
                            //alert('分享成功');
                            alert(result);
                        });
                   }
            });
        }
        function shareTimeline() {
            WeixinJSBridge.invoke('shareTimeline',{
                "title": title, // 分享标题
                "desc": desc,
                "link": link, // 分享链接
                "img_url": imgUrl// 分享图标
            }, function(res) {
                   //_report('timeline', res.err_msg);
                   if(res.err_msg=='share_timeline:cancel'){
                        alert('已经取销');
                   }else if(res.err_msg=='share_timeline:ok'){
                        $.post('http://wx.socialtok.com/'+"{php echo $this->createMobileUrl('updatecount')}",{},function(result){
                            //alert('分享成功');
                            alert(result);
                        }); 
                   }
            });
        }

        // 当微信内置浏览器完成内部初始化后会触发WeixinJSBridgeReady事件。
        document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
            // 发送给好友
            WeixinJSBridge.on('menu:share:appmessage', function(argv){
                shareFriend();
            });
            // 分享到朋友圈
            WeixinJSBridge.on('menu:share:timeline', function(argv){
                if ($("#score").val()>0) { title = "我创造了15秒刷洗"+$("#score").val()+"个盘子，朋友们一起来挑战吧，还有大奖等你哦！";};  
                shareTimeline();
            });
        }, false);
</script>

这样分享后，用户的成绩就会成绩来显示了。

附上我们的分享截屏