php 微信分享

最近有一个网页需要用到微信分享。

按照官方文档：https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#63

使用最新的：http://res.wx.qq.com/open/js/jweixin-1.6.0.js

结果，使用 updateAppMessageShareData 方法分享的时候，还没点击按钮，就分享成功。页面刚加载进来，就分享成功了。。巨大的坑

微信的官方文档真不友好，新的jssdk也真不好用。没办法，用旧的SDK 吧~

直接使用1.2版本：<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>

php需要生成签名等参数：

        //微信分享参数
        $appId=$this->appID;
        $timestamp=time();
        $nonceStr=$this->createNonceStr();
        $url = "http://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]";
        $ticket=$this->getJsApiTicket();
        $string = "jsapi_ticket=$ticket&noncestr=$nonceStr&timestamp=$timestamp&url=$url";
        $signature = sha1($string);
        $shareUrl=$this->index;

    //生成随机字符串
    public  function createNonceStr($length = 16) {
        $chars = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";
        $str = "";
        for ($i = 0; $i < $length; $i++) {
            $str .= substr($chars, mt_rand(0, strlen($chars) - 1), 1);
        }
        return $str;
     }


   //获取全局access_token
    public function getAccessToken(){
        $accessToken=Cache::get($this->cacheName);
        if (empty($accessToken)){
            $url = 'https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid='.$this->appID.'&secret='.$this->appSecret;
            $res=$this->httpCurl($url);
            if (empty($res['access_token'])){
                die($res['error']);
            }
            $accessToken=$res['access_token'];
            Cache::put($this->cacheName,$accessToken,7000);
        }

        return $accessToken;
    }


    //获取ticket
     public function getJsApiTicket() {
         // jsapi_ticket 应该全局存储与更新，以下代码以写入到文件中做示例
         $ticket=Cache::get($this->ticketName);

         if (empty($ticket)) {
             $accessToken = $this->getAccessToken();
             $url = "https://api.weixin.qq.com/cgi-bin/ticket/getticket?type=jsapi&access_token=$accessToken";
             $res = $this->httpCurl($url);
             if (empty($res['ticket'])){
                 die($res['errcode']);
             }
             $ticket=$res['ticket'];
             Cache::put($this->ticketName,$ticket,7000);
         }
         return $ticket;
     }

然后前端页面分享：

<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>

<script>
    var appId='<?=$appId?>';
    var timestamp='<?=$timestamp?>';
    var nonceStr='<?=$nonceStr?>';
    var signature='<?=$signature?>';
    var url='<?=$shareUrl?>';
    var imgUrl='http://bpic.588ku.com/element_banner/20/20/12/148e946defcb5d5ec03dfd3b594c1e77.jpg';


       //注入配置
       wx.config({
           debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
           appId: appId, // 必填，公众号的唯一标识
           timestamp: timestamp, // 必填，生成签名的时间戳
           nonceStr: nonceStr, // 必填，生成签名的随机串
           signature: signature,// 必填，签名
           jsApiList: ["onMenuShareAppMessage","onMenuShareTimeline"] // 必填，需要使用的JS接口列表
       });


        wx.ready(function () {
            // 在这里调用 API
            /*分享朋友圈*/
            wx.onMenuShareTimeline({
                title: '', // 分享标题
                link:url,
                desc: '述', // 分享描述
                imgUrl: imgUrl, // 分享图标
                success: function () {
                    alert('666');
                    // 用户确认分享后执行的回调函数
                },
                cancel: function () {
                    // 用户取消分享后执行的回调函数
                }
            });

            //分享朋友
            wx.onMenuShareAppMessage({
                title: '', // 分享标题
                link:url,
                desc: '', // 分享描述
                imgUrl: imgUrl, // 分享图标
                type: 'link', // 分享类型,music、video或link，不填默认为link
                dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                success: function () {
                    alert('777');
                    // 用户确认分享后执行的回调函数
                },
                cancel: function () {
                    // 用户取消分享后执行的回调函数
                }
            });

        });

</script>

注意：这2个接口官方说了好久即将废弃，也不知道什么时候废弃。。

新接口有bug，只能将就着用了。