在微信中分享給好友/分享到朋友圈這個(gè)功能應(yīng)該是比較常用的了，就拿分享到朋友圈舉例，分享出去的內(nèi)容在朋友圈的展示是以一張小圖片+一個(gè)簡(jiǎn)單的介紹的形式來給好友看到的，點(diǎn)擊后才是詳情，那么這么一來，這張小圖片和這段小簡(jiǎn)介就直接成為了這個(gè)被分享后的內(nèi)容的被點(diǎn)擊率的重中之重。在默認(rèn)情況下，這張圖片會(huì)載入內(nèi)容主題部分的第一張大圖片，而簡(jiǎn)介只會(huì)加載一個(gè)網(wǎng)址。這樣的展示方式還是相當(dāng)不盡如人意的，那我們來看一下這一些內(nèi)容，是通過什么形式來設(shè)置的，拿PHP來做一個(gè)舉例： 
    首先我們需要有一個(gè)公眾號(hào)，并且獲得appid及appsecret。 
    然后，我們通過appid和appsecret，就可以向微信平臺(tái)來?yè)Q取access_token了。 
    define("APPID", $appid);
    define("APPSECRET", $appsecret);
    // 獲取access_token
    $token_access_url = "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=" . APPID . "&secret=" . APPSECRET;
    $res = file_get_contents($token_access_url); //獲取文件內(nèi)容或獲取網(wǎng)絡(luò)請(qǐng)求的內(nèi)容
    $result = json_decode($res, true); //接受一個(gè) JSON 格式的字符串并且把它轉(zhuǎn)換為 PHP 變量
    $access_token = $result['access_token'];
    通過access_token，我們可以向微信平臺(tái)索取一個(gè)jsapi_ticket：
    // 獲取jsapi_ticket
    $ticket_url = "https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=TOKEN";
    $res = file_get_contents($ticket_url); //獲取文件內(nèi)容或獲取網(wǎng)絡(luò)請(qǐng)求的內(nèi)容
    $result = json_decode($res, true); //接受一個(gè) JSON 格式的字符串并且把它轉(zhuǎn)換為 PHP 變量
    $ticket = $result['ticket']; 
    好了，準(zhǔn)備工作就緒，我們可以開始我們的設(shè)置了。 
    微信的分享設(shè)置是通過wx.config來進(jìn)行的。 
    <script>
    wx.config({
      debug: false, // 開啟調(diào)試模式,調(diào)用的所有api的返回值會(huì)在客戶端alert出來，若要查看傳入的參數(shù)，可以在pc端打開，參數(shù)信息會(huì)通過log打出，僅在pc端時(shí)才會(huì)打印。
      appId: '<?php echo APPID;?>', // 必填，公眾號(hào)的唯一標(biāo)識(shí)
      timestamp: <?php echo $timestamp;?>, // 必填，生成簽名的時(shí)間戳
      nonceStr: '<?php echo $noncestr;?>', // 必填，生成簽名的隨機(jī)串
      signature: '<?php echo $signature;?>',// 必填，簽名
      jsApiList: ['onMenuShareTimeline','onMenuShareAppMessage'] // 必填，需要使用的JS接口列表
    });
    </script>
    中間appid就是我們微信公眾號(hào)的appid，timestamp是當(dāng)前的時(shí)間戳，noncestr是隨機(jī)的字符串，用來生成簽名的，signature是生成的簽名，jsapilist是我們需要使用的微信接口，這邊的話我們就使用分享給好友以及分享到朋友圈這兩個(gè)接口就可以了。 
    簡(jiǎn)單列一下timestamp，noncestr，以及signature的生成流程： 
    // 生成簽名
     // 生成隨機(jī)字符串
    class RandChar{
     function getRandChar($length){
      $str = null;
      $strPol = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyz";
      $max = strlen($strPol)-1;
      for($i=0;$i<$length;$i++){
      $str.=$strPol[rand(0,$max)];//rand($min,$max)生成介于min和max兩個(gè)數(shù)之間的一個(gè)隨機(jī)整數(shù)
      }
      return $str;
     }
    }
    $randCharObj = new RandChar();
    $noncestr = $randCharObj->getRandChar(16);
    $timestamp = time();
    if ($_SERVER['QUERY_STRING']){
      $url = 'http://'.$_SERVER['HTTP_HOST'].$_SERVER['PHP_SELF'].'?'.$_SERVER['QUERY_STRING'];
    }else{
      $url = 'http://'.$_SERVER['HTTP_HOST'].$_SERVER['PHP_SELF'];
    }
    $parameters = array("noncestr" => $noncestr,
                "jsapi_ticket" => $ticket,
                "timestamp" => $timestamp,
                "url" => $url);
    ksort($parameters);
    $string1 = "";
    foreach ($parameters as $key => $val){
      $string1 .= $key."=".$val."&";
    }
    $string1 = substr($string1,0,-1);
    $signature = sha1($string1);
    至此，我們對(duì)于wx.config的一個(gè)配置就已經(jīng)完成了，接下去就可以自由設(shè)置我們剛剛提到的小圖片和簡(jiǎn)介內(nèi)容了： 
    wx.ready(function(){
      // 分享到朋友圈設(shè)置
      wx.onMenuShareTimeline({
        title: '測(cè)試標(biāo)題', // 分享標(biāo)題
        link: 'http://www.baidu.com', // 分享鏈接
        imgUrl: 'http://pic02.newdu.com/uploads/202504/02/dc5de672083b2ec495408b00b96c9aab2658.png', // 分享圖標(biāo)
        success: function () { 
          alert("分享成功");
        },
        cancel: function () { 
          alert("分享失敗");
        }
      });
      // 分享給好友
      wx.onMenuShareAppMessage({
        title: '測(cè)試標(biāo)題', // 分享標(biāo)題
        desc: '測(cè)試分享描述', // 分享描述
        link: 'http://www.baidu.com', // 分享鏈接
        imgUrl: 'http://pic02.newdu.com/uploads/202504/02/dc5de672083b2ec495408b00b96c9aab2658.png', // 分享圖標(biāo)
        type: '', // 分享類型,music、video或link，不填默認(rèn)為link
        dataUrl: '', // 如果type是music或video，則要提供數(shù)據(jù)鏈接，默認(rèn)為空
        success: function () { 
          alert("分享成功");
        },
        cancel: function () { 
          alert("分享失敗");
        }
      });
    })
    中間提一下，success和cancel這兩個(gè)的值也是相當(dāng)常用的，分別表示成功分享后的js回調(diào)以及取消分享后的回調(diào)，用來做一些判斷用戶分享朋友圈后顯示心理測(cè)試答案之類的小功能還是很有用的哦。
    以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助