分享接口 · TP5常用代碼

## 知識點： 1、微信JS-SDK說明文檔 2、JSSDK使用步驟 3、Jssdk類庫 4、后臺處理 5、事件響應 [TOC] ## 一、微信JS-SDK說明文檔最近開發一個項目，需要將鏈接分享給好友時能夠自定義標題、簡介和logo，現將ThinkPHP5集成JS-SDK實現微信自定義分享功能的過程整理成文。 ### 相關文章微信JS-SDK說明文檔 https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115 ThinkPHP5集成JS-SDK實現微信自定義分享功能 https://www.cnblogs.com/sunshineliulu/p/8034286.html thinkphp5.x中集成微信JS-SDK https://blog.csdn.net/yi_an/article/details/54973020 最新微信公眾平臺js sdk整合PHP版 https://www.cnblogs.com/x3d/p/4240556.html thinkphp項目如何自定義微信分享描述內容 http://www.php.cn/weixin-kaifa-353000.html ### 視頻資料微信公眾號之JS-SDK開發【php實戰】 https://ke.qq.com/course/306636 ### 視頻代碼后盾人視頻教程代碼 https://gitee.com/houdunwang/video ## 二、JSSDK使用步驟 1.1.1 步驟一：綁定域名 1.1.2 步驟二：引入JS文件 1.1.3 步驟三：通過config接口注入權限驗證配置 1.1.4 步驟四：通過ready接口處理成功驗證 1.1.5 步驟五：通過error接口處理失敗驗證 ## Jssdk類庫 ### 1、文件名及位置名字：Jssdk.php 位置：extend\util\Jssdk.php ### 2、代碼 ~~~ <?php namespace util; /** +------------------------------------------------ * ThinkPHP5集成JS-SDK實現微信自定義分享功能 +------------------------------------------------ * @修改人后盾網 +------------------------------------------------ * @date 2018年8月15 +------------------------------------------------ */ class Jssdk { protected $appid = 'xxxx'; protected $secret = 'xxxx'; /** * 獲取access_token方法 */ public function getAccessToken(){ //定義文件名稱 $name = 'token_' . md5($this->appid . $this->secret); //定義存儲文件路徑 // $filename = __DIR__ . '/cache/' . $name . '.php'; $filename = '../runtime/temp/' . $name . '.php'; //判斷文件是否存在,如果存在,就取出文件中的數據值,如果不存在,就向微信端請求 if (is_file($filename) && filemtime($filename) + 7100 > time()){ $result = include $filename; //定義需要返回的內容$data $data = $result['access_token']; }else{ // https請求方式: GET // https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET // 調用curl方法完成請求 $url = 'https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid='.$this->appid.'&secret=' . $this->secret; $result = $this->curl($url); //將返回得到的json數據轉成php數組 $result = json_decode($result,true); //將內容寫入文件中 file_put_contents($filename,"<?php\nreturn " . var_export($result,true) . ";\n?>"); //定義需要返回的內容 $data = $result['access_token']; } //將得到的access_token的值返回 return $data; } /** * * 獲取臨時票據方法 * * @return mixed */ public function getJsapiTicket(){ //存入文件中,定義文件的名稱和路徑 $name = 'ticket_' . md5($this->appid . $this->secret); //定義存儲文件路徑 //$filename = __DIR__ . '/cache/' . $name . '.php'; $filename = '../runtime/temp/' . $name . '.php'; //判斷是否存在臨時票據的文件,如果存在,就直接取值,如果不存在,就發送請求獲取并保存 if (is_file($filename) && filemtime($filename) + 7100 > time()){ $result = include $filename; }else{ //定義請求地址 $url = 'https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token='.$this ->getAccessToken().'&type=jsapi'; //使用curl方法發送請求,獲取臨時票據 $result = $this->curl($url); //轉換成php數組 $result = json_decode($result,true); //將獲取到的值存入文件中 file_put_contents($filename,"<?php\nreturn " . var_export($result,true) . ";\n?>"); } //定義返回的數據 $data = $result['ticket']; //將得到的臨時票據結果返回 return $data; } /** * 獲取簽名方法 */ public function sign(){ //需要定義4個參數,分別包括隨機數,臨時票據,時間戳和當前url地址 $nonceStr = $this->makeStr(); $ticket = $this->getJsapiTicket(); $time = time(); //組合url //$url = $_SERVER['REQUEST_SCHEME'] . '://' . $_SERVER['SERVER_NAME'] . $_SERVER['REQUEST_URI']; $url = 'http://' . $_SERVER['SERVER_NAME'] . $_SERVER['REQUEST_URI']; //將4個參數放入一個數組中 $arr = [ 'noncestr=' . $nonceStr, 'jsapi_ticket=' . $ticket, 'timestamp=' . $time, 'url=' . $url ]; //對數組進行字段化排序 sort($arr,SORT_STRING); //對數組進行組合成字符串 $string = implode('&',$arr); //將字符串加密生成簽名 $sign = sha1($string); //由于調用簽名方法的時候不只需要簽名,還需要生成簽名的時候的隨機數,時間戳,所以我們應該返回由這些內容組成的一個數組 $reArr = [ 'appId' => $this->appid, 'timestamp' => $time, 'nonceStr' => $nonceStr, 'signature' => $sign, 'url' => $url ]; //將數組返回 return $reArr; } /** * * 生成隨機數 * * @return string */ protected function makeStr(){ //定義字符串組成的種子 $seed = 'www512wayanbao1qasxianrendong5tgblaochaguan8ik9500net'; //通過循環來組成一個16位的隨機字符串 //定義一個空字符串用來接收組合成的字符串內容 $str = ''; for ($i = 0;$i < 16; $i++){ //定義一個隨機數 $num = rand(0,strlen($seed) - 1); //循環連接隨機生成的字符串 $str .= $seed[$num]; } //將隨機數返回 return $str; } /** * * 服務器之間請求的curl方法 * * @param $url 請求地址 * @param array $field post參數 * @return string */ public function curl($url,$field = []){ //初始化curl $ch = curl_init(); //設置請求的地址 curl_setopt($ch,CURLOPT_URL,$url); //設置接收返回的數據,不直接展示在頁面 curl_setopt($ch,CURLOPT_RETURNTRANSFER,1); //設置禁止證書校驗 curl_setopt($ch,CURLOPT_SSL_VERIFYPEER,false); curl_setopt($ch,CURLOPT_SSL_VERIFYHOST,false); //判斷是否為post請求方式,如果傳遞了第二個參數,就代表是post請求,如果么有傳遞,第二個參數為空,就是get請求 if (!empty($field)){ //設置請求超時時間 curl_setopt($ch,CURLOPT_TIMEOUT,30); //設置開啟post curl_setopt($ch,CURLOPT_POST,1); //傳遞post數據 curl_setopt($ch,CURLOPT_POSTFIELDS,$field); } //定義一個空字符串,用來接收請求的結果 $data = ''; if (curl_exec($ch)){ $data = curl_multi_getcontent($ch); } //關閉curl curl_close($ch); //將得到的結果返回 return $data; } } //測試獲取access_token值的方法 //$obj = new Wx(); //$data = $obj->getAccessToken(); //echo $data; //測試獲取jsapiticket方法 //$obj = new Wx(); //$data = $obj->getJsapiTicket(); //echo $data; //測試生成簽名方法 //$obj = new Wx(); //$data = $obj->sign(); //echo '<pre>'; //print_r($data); ?> ~~~ ## 四、后臺處理 ~~~ <?php namespace app\index\controller; use think\Controller; use think\Db; use app\admin\model\Menu; use util\Jssdk; class Index extends Controller { public function demo(){ $id = input('id',0);//ID $catid = input('catid',0);//分類ID $modelInfo = getModInfoById($catid); $info = Db::name($modelInfo['tablename'])->where('id',$id)->find(); $catinfo = getCatInfoById($catid); $p_catname = getCatInfoById($catinfo['parentid'],'catname'); $obj = new Jssdk(); $data = $obj->sign(); $this->assign('infos',$info); $this->assign('catids',$catid); $this->assign('catnames',$catinfo['catname']); $this->assign('p_catnames',$p_catname); $this->assign('data',$data); return view('../application/index/view/default/index/' . $modelInfo['show_template']); } } ?> ~~~ ## 五、事件響應 ~~~ <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script> <script type="text/javascript"> // 通過config接口注入權限驗證配置 wx.config({ debug: false, appId: '{$data.appId}', timestamp: '{$data.timestamp}', nonceStr: '{$data.nonceStr}', signature: '{$data.signature}', jsApiList: [ 'onMenuShareTimeline', 'onMenuShareAppMessage' ] }); // 通過ready接口處理成功驗證 wx.ready(function(){ // 分享到朋友圈 wx.onMenuShareTimeline({ title: '{$info.title}', link: '{$data.url}', imgUrl: 'http://m.psnav.com/uploads/image/{$info.thumb}', success: function () { // 用戶點擊了分享后執行的回調函數 } }); // 分享給朋友 wx.onMenuShareAppMessage({ title: '{$info.title}', desc: '{$info.description}', link: '{$data.url}', imgUrl: 'http://m.psnav.com/uploads/image/{$info.thumb}', type: 'link', // 分享類型,music、video或link，不填默認為link dataUrl: '', // 如果type是music或video，則要提供數據鏈接，默認為空 success: function () { // 用戶點擊了分享后執行的回調函數 } }); }); </script> ~~~ 全部分享接口 ~~~ <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script> <script type="text/javascript"> // 通過config接口注入權限驗證配置 wx.config({ debug: true, appId: '{$data.appId}', timestamp: '{$data.timestamp}', nonceStr: '{$data.nonceStr}', signature: '{$data.signature}', jsApiList: [ 'onMenuShareTimeline', 'onMenuShareAppMessage', 'onMenuShareQQ', 'onMenuShareWeibo', 'onMenuShareQZone' ] }); // 通過ready接口處理成功驗證 wx.ready(function(){ // 分享到朋友圈 wx.onMenuShareTimeline({ title: '{$info.title}', link: '{$data.url}', imgUrl: 'http://m.psnav.com/uploads/image/{$info.thumb}', success: function () { // 用戶點擊了分享后執行的回調函數 } }); // 分享給朋友 wx.onMenuShareAppMessage({ title: '{$info.title}', desc: '{$info.description}', link: '{$data.url}', imgUrl: 'http://m.psnav.com/uploads/image/{$info.thumb}', type: 'link', // 分享類型,music、video或link，不填默認為link dataUrl: '', // 如果type是music或video，則要提供數據鏈接，默認為空 success: function () { // 用戶點擊了分享后執行的回調函數 } }); // 分享到QQ wx.onMenuShareQQ({ title: '{$info.title}', desc: '{$info.description}', link: '{$data.url}', imgUrl: 'http://m.psnav.com/uploads/image/{$info.thumb}', success: function () { // 用戶確認分享后執行的回調函數 }, cancel: function () { // 用戶取消分享后執行的回調函數 } }); // 分享到騰訊微博 wx.onMenuShareWeibo({ title: '{$info.title}', desc: '{$info.description}', link: '{$data.url}', imgUrl: 'http://m.psnav.com/uploads/image/{$info.thumb}', success: function () { // 用戶確認分享后執行的回調函數 }, cancel: function () { // 用戶取消分享后執行的回調函數 } }); // 分享到QQ空間 wx.onMenuShareQZone({ title: '{$info.title}', desc: '{$info.description}', link: '{$data.url}', imgUrl: 'http://m.psnav.com/uploads/image/{$info.thumb}', success: function () { // 用戶確認分享后執行的回調函數 }, cancel: function () { // 用戶取消分享后執行的回調函數 } }); }); </script> ~~~