微信分享，信分享

微信分享，信分享

  分享一個php微信端開發的經驗，有時候當一個項目或工程需要微信端分享之後做一系列事件那麼我們就需要獲取到微信分享這個動作，也就是說我們已經知道了當前這個東西已經被分享了 ，那麼走微信默認的分享顯然是不行的我們需要自己動手來配置微信分享，當用戶分享時走的是我們預定好的程序那麼我們就可以輕松實現分享之後所做的事情。

  在頁面端主要是一個js如下：

<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: '{$appid}', // 必填，公眾號的唯一標識
      timestamp:{$timestamp} , // 必填，生成簽名的時間戳
      nonceStr: '{$nonceStr}', // 必填，生成簽名的隨機串
      signature: '{$signature}',// 必填，簽名，見附錄1
      jsApiList: ['onMenuShareAppMessage','onMenuShareTimeline'] // 必填，需要使用的JS接口列表，所有JS接口列表見附錄2
  });

 wx.ready(function(){
    //分享給朋友
    wx.onMenuShareAppMessage({
        title: {$title}, // 分享標題 此處$title可在控制器端傳遞也可在頁面傳遞  頁面傳遞講解在下面哦
        desc: {$desc},  //分享描述
        link: {$link}, // 分享鏈接
        imgUrl: {$imgurl}, // 分享圖標
        type: '', // 分享類型,music、video或link，不填默認為link
        dataUrl: '', // 如果type是music或video，則要提供數據鏈接，默認為空
        success: function () {
              alert('分享成功');
        },
        cancel: function () {
            // 用戶取消分享後執行的回調函數
            // alert('取消分享');
        }
    });
    //分享到朋友圈
      wx.onMenuShareTimeline({
        title: {$title}, // 分享標題
        desc: {$desc}, // 分享描述
        link: {$link}, // 分享鏈接
        imgUrl: {$imgurl}, // 分享圖標
        success: function () {
            // 用戶確認分享後執行的回調函數
        },
        cancel: function () {
            // 用戶取消分享後執行的回調函數
        }
    });
  });

</script>

當wx.config配置好後程序才會接著走下面的分享，此處調試可將false改成true若配置好那麼正常彈出ok等信息 若未配置好 那麼此處改成true也不會有任何彈出效果

wx.config需要控制器傳來四個參數即appId、timestamp、nonceStr、signature；控制器代碼如下：

<？php

$jssdk = new \Home\Util\JSSDK(C('APPID'), C('SECRET'));//此處C裡面的東西為你所使用的公眾號的appid和secret，這倆個東西可在微信公眾平台獲取到 不詳細解釋 找不到追加評論（講解） JSSDK文件代碼在下
$signPackage = $jssdk->GetSignPackage();

$this->assign('appid',$signPackage["appId"]);
$this->assign('timestamp',$signPackage["timestamp"]);
$this->assign('nonceStr',$signPackage["nonceStr"]);
 $this->assign('signature',$signPackage["signature"]);

在這裡就配置好了wx.config，還可以接著穿title等信息 在這裡舉個例子

$this->assign('title',$title);

JSSDK文件代碼：

<?php
namespace Home\Util;
use Think\Controller;
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;
  }
  public function getJsApiTicket() {
    // jsapi_ticket 應該全局存儲與更新，以下代碼以寫入到文件中做示例
    $data = json_decode($this->get_php_file("jsapi_ticket.php"));
    if ($data->expire_time < time()) {
      $accessToken = $this->getAccessToken();   
      // 如果是企業號用以下 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?access_token=$accessToken&type=jsapi";
      $res = json_decode($this->httpGet($url));
      $ticket = $res->ticket;
      // var_dump($url);
      if ($ticket) {
        $data->expire_time = time() + 7000;
        $data->jsapi_ticket = $ticket;
        $this->set_php_file("jsapi_ticket.php", json_encode($data));
      }
    } else {
      $ticket = $data->jsapi_ticket;
    }
    return $ticket;
  }
  public function getAccessToken() {
    // access_token 應該全局存儲與更新，以下代碼以寫入到文件中做示例
    $data = json_decode($this->get_php_file("access_token.php")); 
    if ($data->expire_time < time()) {
      // 如果是企業號用以下URL獲取access_token
      // $url = "https://qyapi.weixin.qq.com/cgi-bin/gettoken?corpid=$this->appId&corpsecret=$this->appSecret";
      $url = "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=$this->appId&secret=$this->appSecret";
      $res = $this->getJson($url);
      $access_token = $res['access_token'];
      // var_dump($res);
      if ($access_token) {
        $data->expire_time = time() + 7000;
        $data->access_token = $access_token;
        $this->set_php_file("access_token.php", json_encode($data));
      }
    } else {
      $access_token = $data->access_token;
    }
    return $access_token;
    // $aa = $access_token;
    // var_dump($aa);
  }
  //獲取access_token
  public function getJson($url){
      $ch = curl_init();
      curl_setopt($ch, CURLOPT_URL, $url);
      curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, FALSE);
      curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, FALSE);
      curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
      $output = curl_exec($ch);
      curl_close($ch);
      // var_dump(json_decode($output, true));
      return json_decode($output, true);
  }
  //獲取ticket
  private function httpGet($url) {
    $curl = curl_init();
    curl_setopt($curl, CURLOPT_URL, $url);
    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, FALSE);
    curl_setopt($curl, CURLOPT_SSL_VERIFYHOST, FALSE);
    $res = curl_exec($curl);
    // var_dump($res);
    curl_close($curl);   
    return $res;
  }
  private function get_php_file($filename) {
    return trim(substr(file_get_contents($filename), 15));
    // echo trim(substr(file_get_contents($filename), 15));die;
    // $aa = 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);
  }
}

講到這裡微信分享就告一段落了 但是有瑕疵哦 如果我們想動態傳遞參數怎麼辦  也就是說當頁面信息wx.config配置好後我們突然又想重新賦值給$title等變量信息 怎麼辦？

我們可以這樣  講分享寫在一個方法裡面 如下（大致代碼）：

<script>
var zl= function (title,link,imgurl,desc){
  wx.ready(function(){
    //分享給朋友
    wx.onMenuShareAppMessage({
        title: title, // 分享標題
        desc: desc,  //分享描述
        link: link, // 分享鏈接
        imgUrl: imgurl, // 分享圖標
        type: '', // 分享類型,music、video或link，不填默認為link
        dataUrl: '', // 如果type是music或video，則要提供數據鏈接，默認為空
        success: function () {
              alert('分享成功');
        },
        cancel: function () {
            // 用戶取消分享後執行的回調函數
            // alert('取消分享');
        }
    });
    //分享到朋友圈
      wx.onMenuShareTimeline({
        title: title, // 分享標題
        desc: desc, // 分享描述
        link: link, // 分享鏈接
        imgUrl: imgurl, // 分享圖標
        success: function () {
            // 用戶確認分享後執行的回調函數
        },
        cancel: function () {
            // 用戶取消分享後執行的回調函數
            // alert('已取消分享');
        }
    });
  });
};
</script>

解釋一下啊 從控制器進入頁面已經配置好了分享內的title等信息  那麼在配置好之後我又想在頁面重新給title值 那麼就是這個方法了 頁面復制代碼如下

<script>

zl(title,link,imgurl,desc);

</script>

easy吧 小伙伴們 如想詳細了解微信端此功能和其他功能可參考手冊

鏈接地址：https://mp.weixin.qq.com/wiki/14/9f9c82c1af308e3b14ba9b973f99a8ba.html（分享功能在手冊中的微信網頁開發-->微信JS-SDK 右面就可以看到了）