微信公眾平臺(tái)開發(fā)教程②微信端分享功能圖文詳解

?php
require_once "jssdk.php";

//獲取到網(wǎng)頁授權(quán)的access_token
$appid = "wx36xxxxxxxxxx199";// 輸入公眾號(hào)、服務(wù)號(hào)、或者測試號(hào)的appid 
$secret = "9caxxxxxxxxxxxxxxxxxx8a2";// 輸入公眾號(hào)、服務(wù)號(hào)、或者測試號(hào)的 secret


$jssdk = new JSSDK($appid, $secret);
$signPackage = $jssdk->GetSignPackage();

//此處用于輸出得到的數(shù)據(jù) 用來測試簽名證書是否正確 
/*
echo ' appId:'. $signPackage["appId"].'br/>';
echo ' jsapi_ticket:'. $signPackage["jsapiTicket"].'br/>';
echo ' url:'. $signPackage["url"].'br/>';
echo ' timestamp:'. $signPackage["timestamp"].'br/>';
echo ' nonceStr:'. $signPackage["nonceStr"].'br/>';
echo ' signature：'. $signPackage["signature"];
echo 'br/>';
echo 'br/>';
echo 'br/>';
exit;
*/

?>
!DOCTYPE html>
html lang="en">
head>
 meta charset="UTF-8">
 title>/title>
/head>
body>
 Hello Hello Hello
/body>
script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js">/script>
script>
 /*
 * 注意：
 * 1. 所有的JS接口只能在公眾號(hào)綁定的域名下調(diào)用，公眾號(hào)開發(fā)者需要先登錄微信公眾平臺(tái)進(jìn)入“公眾號(hào)設(shè)置”的“功能設(shè)置”里填寫“JS接口安全域名”。
 * 2. 如果發(fā)現(xiàn)在 Android 不能分享自定義內(nèi)容，請(qǐng)到官網(wǎng)下載最新的包覆蓋安裝，Android 自定義分享接口需升級(jí)至 6.0.2.58 版本及以上。
 * 3. 常見問題及完整 JS-SDK 文檔地址：http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html
 *
 * 開發(fā)中遇到問題詳見文檔“附錄5-常見錯(cuò)誤及解決辦法”解決，如仍未能解決可通過以下渠道反饋：
 * 郵箱地址：weixin-open@qq.com
 * 郵件主題：【微信JS-SDK反饋】具體問題
 * 郵件內(nèi)容說明：用簡明的語言描述問題所在，并交代清楚遇到該問題的場景，可附上截屏圖片，微信團(tuán)隊(duì)會(huì)盡快處理你的反饋。
 */
 wx.config({
 debug: true,
 appId: '?php echo $signPackage["appId"];?>',
 timestamp: ?php echo $signPackage["timestamp"];?>,
 nonceStr: '?php echo $signPackage["nonceStr"];?>',
 signature: '?php echo $signPackage["signature"];?>',
 jsApiList: [
  // 所有要調(diào)用的 API 都要加到這個(gè)列表中
  'checkJsApi',
  'onMenuShareTimeline',
  'onMenuShareAppMessage',
  'onMenuShareQQ',
  'onMenuShareWeibo',
  'onMenuShareQZone',
 ]
 });

 wx.ready(function () {
 // 在這里調(diào)用 API
 //獲取“分享到朋友圈”按鈕點(diǎn)擊狀態(tài)及自定義分享內(nèi)容接口
 wx.onMenuShareTimeline({
  title: '快來!分享朋友圈', // 分享標(biāo)題
  link: 'http://www.baidu.com', // 分享鏈接
  imgUrl: 'http://img1.3lian.com/img013/v2/4/d/101.jpg', // 分享圖標(biāo)
  success: function () {
  // 用戶確認(rèn)分享后執(zhí)行的回調(diào)函數(shù)
  },
  cancel: function () {
  // 用戶取消分享后執(zhí)行的回調(diào)函數(shù)
  }
 });
 //獲取“分享給朋友”按鈕點(diǎn)擊狀態(tài)及自定義分享內(nèi)容接口
 wx.onMenuShareAppMessage({
  title: ' 微信分享給朋友', // 分享標(biāo)題
  desc: '描述一下，可是知道該咋描述你呢？', // 分享描述
  link: 'http://www.baidu.com', // 分享鏈接
  imgUrl: 'http://img1.3lian.com/img013/v2/4/d/101.jpg', // 分享圖標(biāo)
  type: 'link', // 分享類型,music、video或link，不填默認(rèn)為link
  dataUrl: '', // 如果type是music或video，則要提供數(shù)據(jù)鏈接，默認(rèn)為空
 });
 wx.onMenuShareQQ({
  title: 'QQ我要跳轉(zhuǎn)到百度頁面了??！', // 分享標(biāo)題
  desc: '描述一下，可是知道該咋描述你呢？', // 分享描述
  link: 'http://www.baidu.com', // 分享鏈接
  imgUrl: 'http://img1.3lian.com/img013/v2/4/d/101.jpg', // 分享圖標(biāo)
 });
 wx.onMenuShareQZone({
  title: 'QZone我要跳轉(zhuǎn)到百度頁面了??！', // 分享標(biāo)題
  desc: '描述一下，可是知道該咋描述你呢？', // 分享描述
  link: 'http://www.baidu.com', // 分享鏈接
  imgUrl: 'http://img1.3lian.com/img013/v2/4/d/101.jpg', // 分享圖標(biāo)
 });
 });
/script>
/html>

?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 一定要?jiǎng)討B(tài)獲取，不能 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();

 // 這里參數(shù)的順序要按照 key 值 ASCII 碼升序排序
 $string = "jsapi_ticket=$jsapiTicketnoncestr=$nonceStr×tamp=$timestampurl=$url";

 $signature = sha1($string);

 $signPackage = array(
 "appId" => $this->appId,
 "jsapiTicket" => $jsapiTicket,
 "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() {
 // jsapi_ticket 應(yīng)該全局存儲(chǔ)與更新，以下代碼以寫入到文件中做示例
 $data = json_decode($this->get_php_file("jsapi_ticket.php"));
 if ($data->expire_time  time()) {
 $accessToken = $this->getAccessToken();
 // 如果是企業(yè)號(hào)用以下 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=jsapiaccess_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.php", json_encode($data));
 }
 } else {
 $ticket = $data->jsapi_ticket;
 }

 return $ticket;
 }

 private function getAccessToken() {
 // access_token 應(yīng)該全局存儲(chǔ)與更新，以下代碼以寫入到文件中做示例
 $data = json_decode($this->get_php_file("access_token.php"));
 if ($data->expire_time  time()) {
 // 如果是企業(yè)號(hào)用以下URL獲取access_token
 // $url = "https://qyapi.weixin.qq.com/cgi-bin/gettoken?corpid=$this->appIdcorpsecret=$this->appSecret";
 $url = "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credentialappid=$this->appIdsecret=$this->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.php", json_encode($data));
 }
 } else {
 $access_token = $data->access_token;
 }
 return $access_token;
 }

 private function httpGet($url) {
 $curl = curl_init();
 curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);
 curl_setopt($curl, CURLOPT_TIMEOUT, 500);
 // 為保證第三方服務(wù)器與微信服務(wù)器之間數(shù)據(jù)傳輸?shù)陌踩?，所有微信接口采用https方式調(diào)用，必須使用下面2行代碼打開ssl安全校驗(yàn)。
 // 如果在部署過程中代碼在此處驗(yàn)證失敗，請(qǐng)到 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);
 }
}