摘要：備注登錄后可在開發(fā)者中心查看對(duì)應(yīng)的接口權(quán)限。下載官網(wǎng)提供的示例代碼，參照中的代碼一步一步來實(shí)現(xiàn)。否則分享后的頁面會(huì)簽名失敗返回的與分享的是否一致

首先完成官方文檔前兩步（很好理解就不具體說了）：
步驟一：綁定域名
先登錄微信公眾平臺(tái)進(jìn)入“公眾號(hào)設(shè)置”的“功能設(shè)置”里填寫“JS接口安全域名”。
備注：登錄后可在“開發(fā)者中心”查看對(duì)應(yīng)的接口權(quán)限。
步驟二：引入JS文件
在需要調(diào)用JS接口的頁面引入如下JS文件，（支持https）：jweixin-1.2.0.js
備注：支持使用 AMD/CMD 標(biāo)準(zhǔn)模塊加載方法加載
然后是從步驟3開始進(jìn)行實(shí)現(xiàn)
步驟三：通過config接口注入權(quán)限驗(yàn)證配置
這個(gè)地方采用ajax的方式來注入權(quán)限；

    var link = "";                //用來接收返回的url

    $(document).ready(function(){
        ajaxconfig();
    });
    
    function ajaxconfig(){
        /*    獲取當(dāng)前頁面url，傳遞給服務(wù)器端完成簽名，此處是最大的坑一定要對(duì)url進(jìn)行encodeURIComponent()，
         *    因?yàn)轫撁嬉坏┓窒?，微信客戶端?huì)在你的鏈接末尾加入其它參數(shù)，如果不是動(dòng)態(tài)獲取當(dāng)前鏈接，將導(dǎo)致分享后的頁面簽名失敗。
         */
        
        var url = encodeURIComponent(window.location.href.split("#")[0]);
        
        var eventinfo = {
            url:url,
        };
    
        $.ajax({

            type: "post",
            url: "{:U("Event/get_config")}",     //    服務(wù)器端url
            data : eventinfo,
            dataType: "json",
            success: function(obj){
                // 注入權(quán)限驗(yàn)證配置
                wx.config({
                    debug : true,                 //實(shí)現(xiàn)階段開啟debug
                    appId : obj.appId,             //必填，公眾號(hào)的唯一標(biāo)識(shí)
                    timestamp : obj.timestamp,   //必填，生成簽名的時(shí)間戳
                    nonceStr : obj.nonceStr,     //必填，生成簽名的隨機(jī)串
                    signature : obj.signature,     //必填，簽名
                    jsApiList : [                 //必填，需要使用的JS接口列表，所有JS接口列表見官方文檔
                        "checkJsApi",
                        "onMenuShareTimeline",
                        "onMenuShareAppMessage",
                        "onMenuShareQQ",
                        "onMenuShareWeibo"
                    ]
                }); 
                link = obj.url;                    //    獲取成功簽名返回的url
            }
        })
    }

    wx.ready(function () {
        // 注入權(quán)限驗(yàn)證成功后會(huì)執(zhí)行這里，以"分享給朋友"為例
        wx.onMenuShareAppMessage({
    
            title: "",                 // 分享標(biāo)題
            desc: "",                 // 分享描述
            link: link,             // 分享鏈接，該鏈接域名或路徑必須與當(dāng)前頁面對(duì)應(yīng)的公眾號(hào)JS安全域名一致（ajax返回的url）
            imgUrl: "",             // 分享圖標(biāo)
            type: "",                 // 分享類型,music、video或link，不填默認(rèn)為link
            dataUrl: "",             // 如果type是music或video，則要提供數(shù)據(jù)鏈接，默認(rèn)為空
            success: function () { 
            
                // 用戶確認(rèn)分享后執(zhí)行的回調(diào)函數(shù)
            },
            cancel: function () { 
                // 用戶取消分享后執(zhí)行的回調(diào)函數(shù)
            }
        });
         };

下一步，在服務(wù)器端完成簽名，返回權(quán)限驗(yàn)證配置信息。下載官網(wǎng)提供的示例代碼，參照jssdk.php中的代碼一步一步來實(shí)現(xiàn)。
先創(chuàng)建一個(gè)"活動(dòng)(Event)"控制器：EventController.class.php；模版文件event.html；

// 控制器代碼
// 獲取隨機(jī)串，直接復(fù)制jssdk.php
private 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;
}
//獲取票據(jù)，復(fù)制jssdk.php進(jìn)行修改
private function getJsApiTicket() {
//用于緩存jsapiTicket的文件地址，復(fù)制官方例子中的jsapi_ticket.php到你要存放的位置
//拼接文件地址
$jsapi_ticket_url = $_SERVER["DOCUMENT_ROOT"]."/Public/js/home/event/jsapi_ticket.php";
    
// jsapi_ticket 應(yīng)該全局存儲(chǔ)與更新，以下代碼以寫入到文件中做示例
$data = json_decode( $this -> get_php_file($jsapi_ticket_url) );    //修改get_php_file( )中的變量
if ($data->expire_time < time()) {
    $accessToken = $this->getAccessToken();    
    $url = "https://api.weixin.qq.com/cgi-bin/ticket/getticket?type=jsapi&access_token=$accessToken";
    $res = json_decode($this->httpGet($url));    
    $ticket = $res->ticket;
    if ($ticket) {
        $data -> expire_time = time() + 7000;
        $data -> jsapi_ticket = $ticket;
        $this -> set_php_file($jsapi_ticket_url, json_encode($data));    //修改set_php_file( )中的變量
    }
} else {
    $ticket = $data->jsapi_ticket;
}
  return $ticket;
}
//獲取AccessToken，復(fù)制jssdk.php進(jìn)行修改
private function getAccessToken() {
    
$appId = "你的AppID";
$appSecret = "開發(fā)者密碼AppSecret";
//用于緩存AccessToken的文件地址，復(fù)制官方例子中的access_token.php到你要存放的位置    
$access_token_url = $_SERVER["DOCUMENT_ROOT"]."/Public/js/home/event/access_token.php";
    
// access_token 應(yīng)該全局存儲(chǔ)與更新，以下代碼以寫入到文件中做示例
$data = json_decode($this->get_php_file($access_token_url));    //修改get_php_file( )中的變量    
if ( $data -> expire_time < time()) {  
    $url = "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=$appId&secret=$appSecret";
    $res = json_decode($this->httpGet($url));
    $access_token = $res->access_token;    
    if ($access_token) {
        $data -> expire_time = time() + 7000;
        $data -> access_token = $access_token;    
        $this -> set_php_file($access_token_url, json_encode($data));    //修改set_php_file( )中的變量
    }
} else {    
    $access_token = $data->access_token;
}
return $access_token;
}

//直接復(fù)制jssdk.php
private function httpGet($url) {
$curl = curl_init();
curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);
curl_setopt($curl, CURLOPT_TIMEOUT, 500);
curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, false);
curl_setopt($curl, CURLOPT_SSL_VERIFYHOST, false);
curl_setopt($curl, CURLOPT_URL, $url);
$res = curl_exec($curl);
curl_close($curl);
return $res;
}
//直接復(fù)制jssdk.php
private function get_php_file($filename) {
return trim(substr(file_get_contents($filename), 15));
}
//直接復(fù)制jssdk.php
private function set_php_file($filename, $content) {
$fp = fopen($filename, "w");
fwrite($fp, "" . $content);
fclose($fp);
}

public function get_config(){
    
    $url = urldecode(I("post.url")); //    把a(bǔ)jax發(fā)送過來的url進(jìn)行解碼?。?！此處是坑
    $timestamp =  time();//    時(shí)間戳
    $nonceStr = $this -> createNonceStr(16);//    隨機(jī)串
    $jsapiTicket = $this-> getJsApiTicket();//    票據(jù)
    
    $string = "jsapi_ticket=$jsapiTicket&noncestr=$nonceStr×tamp=$timestamp&url=$url";

    $signature = sha1($string);//    簽名
    
    //在這也可以將 分享標(biāo)題，分享描述，縮略圖地址等一起返回    
    $config["appId"] = "AppID";
    $config["timestamp"] = $timestamp;
    $config["nonceStr"] = $nonceStr;
    $config["signature"] = $signature;
    $config["url"] = $url;
    
    $this -> ajaxReturn($config);    
}    

在手機(jī)測(cè)試，開啟debug后，如果簽名成功直接提示OK，如果簽名沒有成功，逐步打印，查找錯(cuò)誤位置。
1、AccessToken是否獲取成功
2、AccessToken和jsapiTicket 是否能寫入和讀取
3、url是否轉(zhuǎn)碼和解碼，這個(gè)地方非常重要。否則分享后的頁面會(huì)簽名失敗
4、ajax返回的url與分享的link是否一致