公衆號js-sdk簡

後臺代碼

jssdk.PHP——因sae的不可寫環境，故須要將accesstoken和JsApiTicket存入數據庫。 
數據庫字段：id（int 3），accesstoken（string 255），lasttime（int 10）

<?php
class JSSDK {
  private $appId;
  private $appSecret;

  public function __construct($appId, $appSecret) {
    $this->appId = $appId;
    $this->appSecret = $appSecret;
  }

  public function getSignPackage() {
    $jsapiTicket = $this->getJsApiTicket();

    // 注意 URL 必定要動態獲取，不能 hardcode.
    $protocol = (!empty($_SERVER['HTTPS']) && $_SERVER['HTTPS'] !== 'off' || $_SERVER['SERVER_PORT'] == 443) ? "https://" : "http://";
    $url = "$protocol$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]";

    $timestamp = time();
    $nonceStr = $this->createNonceStr();

    // 這裏參數的順序要按照 key 值 ASCII 碼升序排序
    $string = "jsapi_ticket=$jsapiTicket&noncestr=$nonceStr&timestamp=$timestamp&url=$url";

    $signature = sha1($string);

    $signPackage = array(
      "appId"     => $this->appId,
      "nonceStr"  => $nonceStr,
      "timestamp" => $timestamp,
      "url"       => $url,
      "signature" => $signature,
      "rawString" => $string
    );
    return $signPackage; 
  }

  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;
  }

  private function getJsApiTicket() {
        $accessToken = $this -> getAccesstoken();
        $lastAT = M('accesstoken')->find(2);//1:token;2:ticket
        if(!$lastAT){
            M('accesstoken') -> add(array('id'=>2,'accesstoken'=>'null','lasttime'=>0));
            $lastAT['lasttime'] = 0;
        }
        $ticket = $lastAT['accesstoken'];
        $now = NOW_TIME;
        $timecha = $now - $lastAT['lasttime'];
        if($timecha >= 7200){
//          $url = 'https://api.weixin.qq.com/cgi-bin/ticket/getticket?' . http_build_query ( $param );
//          $content = file_get_contents ( $url );
//          $content = json_decode ( $content, true );
            // 若是是企業號用如下 URL 獲取 ticket
            // $url = "https://qyapi.weixin.qq.com/cgi-bin/get_jsapi_ticket?access_token=$accessToken";
            $url = "https://api.weixin.qq.com/cgi-bin/ticket/getticket?type=jsapi&access_token=".$accessToken;
            $res = json_decode($this->httpGet($url));
            $ticket = $res->ticket;
            $data['accesstoken'] = $ticket;
            $data['lasttime'] = NOW_TIME;
            M('accesstoken')->where(array('id'=>2))->save($data);
        }
        return $ticket;
  }

  //sae沒法寫入操做，改從數據庫獲取
  private function getAccessToken() {
   $param['grant_type'] = 'client_credential';
    $param['appid'] = C("APPID");
    $param['secret'] = C("SECRET");
    $lastAT = M('accesstoken')->find(1);
    $accesstoken = $lastAT['accesstoken'];
    if(!$lastAT){
        M('accesstoken') -> add(array('id'=>1,'accesstoken'=>'null','lasttime'=>0));
        $lastAT['lasttime'] = 0;
    }
    $now = NOW_TIME;
    $timecha = $now - $lastAT['lasttime'];
    if($timecha >= 7200){
        $url = 'https://api.weixin.qq.com/cgi-bin/token?' . http_build_query ( $param );
        $content = file_get_contents ( $url );
        $content = json_decode ( $content, true );
        $data['accesstoken'] = $content['access_token'];
        $data['lasttime'] = NOW_TIME;
        M('accesstoken')->where(array('id'=>1))->save($data);
        $accesstoken = $content['access_token'];
    }
    $lastAT = M('accesstoken')->find(1);
    return $accesstoken;
  }

  private function httpGet($url) {
    $curl = curl_init();
    curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);
    curl_setopt($curl, CURLOPT_TIMEOUT, 500);
    // 爲保證第三方服務器與微信服務器之間數據傳輸的安全性，全部微信接口採用https方式調用，必須使用下面2行代碼打開ssl安全校驗。
    // 若是在部署過程當中代碼在此處驗證失敗，請到 http://curl.haxx.se/ca/cacert.pem 下載新的證書判別文件。
    curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, true);
    curl_setopt($curl, CURLOPT_SSL_VERIFYHOST, true);
    curl_setopt($curl, CURLOPT_URL, $url);

    $res = curl_exec($curl);
    curl_close($curl);

    return $res;
  }

  private function get_php_file($filename) {
    return trim(substr(file_get_contents($filename), 15));
  }
  private function set_php_file($filename, $content) {
    $fp = fopen($filename, "w");
    fwrite($fp, "<?php exit();?>" . $content);
    fclose($fp);
  }
}

若是你的服務器是可寫環境，能夠使用官方提供的包。

前臺文件

能夠使用include將此文件包含在須要頁面

<?php
include('jssdk.php');
$jssdk = new JSSDK(C('APPID'), C('SECRET'));
if(isWeixinBrowser()){
$signPackage = $jssdk->GetSignPackage();
}
?>
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script>
wx.config({
    debug: false, // 開啓調試模式,調用的全部api的返回值會在客戶端alert出來，若要查看傳入的參數，能夠在pc端打開，參數信息會經過log打出，僅在pc端時纔會打印。
    appId: '<?php echo $signPackage["appId"];?>', // 必填，公衆號的惟一標識
    timestamp: <?php echo $signPackage["timestamp"];?>, // 必填，生成簽名的時間戳
    nonceStr: '<?php echo $signPackage["nonceStr"];?>', // 必填，生成簽名的隨機串
    signature: '<?php echo $signPackage["signature"];?>',// 必填，簽名，見附錄1
    jsApiList: [
        'checkJsApi',

        'onMenuShareTimeline',

        'onMenuShareAppMessage',

        'onMenuShareQQ',

        'onMenuShareWeibo'

                ] // 必填，須要使用的JS接口列表，全部JS接口列表見附錄2
});
wx.ready(function () {

      // 1 判斷當前版本是否支持指定 JS 接口，支持批量判斷

        wx.checkJsApi({

          jsApiList: [

            'getNetworkType',

            'previewImage',

             'onMenuShareTimeline',

            'onMenuShareAppMessage',

            'onMenuShareQQ',

            'onMenuShareWeibo'

          ],

          /* success: function (res) {

            alert(JSON.stringify(res));

          } */


        });

        var shareData = {

                title: document.title,

                <notempty name="page_title">
                  desc: '我在'+'{:C('WEB_SITE_TITLE')}'+'發現了很是不錯的寶貝:'+'{$page_title}'+'快來看看吧！',
                  <else/>
                  desc: '我發現了個很不錯的商城'+'{:C('WEB_SITE_TITLE')}'+'快來看看吧！',
                  </notempty>

                  link: window.location.href,

                  <notempty name="page_title">
                  imgUrl: document.getElementById("detail_img").src,
                  <else/>
                  imgUrl: '{:get_cover(get_cover_id(34),'path')}',
                  </notempty>

                 /*  trigger: function (res) {

                    alert('用戶點擊發送給朋友');

                  }, */

                  success: function (res) {

                    alert('感謝您的分享');

                  },

                  cancel: function (res) {

                    alert('請主公三思，分享一下吧(ㄒoㄒ)~~');

                  },

                  fail: function (res) {

                    alert(JSON.stringify(res));

                  }

              };

      wx.onMenuShareAppMessage(shareData);

      wx.onMenuShareTimeline(shareData);

      wx.onMenuShareQQ(shareData);

      wx.onMenuShareWeibo(shareData);

    });

    /* wx.error(function (res) {

      alert(res.errMsg);

    });  */
</script>

出處：blog.csdn.NET/afanxingzhou