摘要:這段時間公司的項目中有用到分享自定義標題和圖片的東西,從微信官方文檔中認真看了一下其實特別簡單,可能對新手來說會有點繞,這里我用來說明一下。
這段時間公司的項目中有用到分享自定義標題和圖片的東西,從微信官方文檔中認真看了一下 其實特別簡單,可能對新手來說會有點繞,這里我用PHP來說明一下。
我從微信官方文檔中下載的sample說明,看了一下,里面的分享頁是用PHP格式的,但是我的項目中是html格式的,所以我想著不改動的格式的話怎么來實現,于是從網上那種趴,結果發現答案五花八門,都是說要改成PHP的;還有就是需要后臺配合的,下面給大家講的是將php寫在本地的,在界面中直調取就好;廢話不說啦,直接上圖
上面是我的目錄結構 wxjdk是我從sample中下載的拿的php里面的東西
代碼部分access_token.php 、 jsapi_ticket.php 、jssdk直接拿到過來就好
jssdk 說一下我做修改的部分及注意點
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×tamp=$timestamp&url=$url"; $this->set_log_file("[getSignPackage]".$string); $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() { // 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?type=jsapi&access_token=$accessToken"; $res = json_decode($this->httpGet($url)); $this->set_log_file("[getJsApiTicket]".json_encode($res)); $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 應該全局存儲與更新,以下代碼以寫入到文件中做示例 $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 = json_decode($this->httpGet($url)); $this->set_log_file("[getAccessToken]".json_encode($res)); $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); // 為保證第三方服務器與微信服務器之間數據傳輸的安全性,所有微信接口采用https方式調用,必須使用下面2行代碼打開ssl安全校驗。 // 如果在部署過程中代碼在此處驗證失敗,請到 http://curl.haxx.se/ca/cacert.pem 下載新的證書判別文件。 //從官方下載的jssdk中下面這倆應該是true,我這給改成false啦,因為我的分享是http開頭的,兩種情況下,如果你分享中jsapi_ticket和 access_token中寫不進去值,先看一下你的是分享鏈接是什么開頭的,http的話就改成false curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, false); curl_setopt($curl, CURLOPT_SSL_VERIFYHOST, false); 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, "" . $content); fclose($fp); } //這里是給加了個日志,官網下載無,可以不加; public function set_log_file($content){ $logfile = "wx.log"; $content = date("Y-m-d H:i:s.u")." ".$content." "; $fp = fopen($logfile, "a"); fwrite($fp, $content); fclose($fp); } }
接下來是改寫的一些東西
ajax_getconfig.php
GetSignPackage(); $signPackage["jsApiList"] = array("onMenuShareTimeline","onMenuShareAppMessage"); $signPackage["debug"] = false; echo json_encode($signPackage); ?>
function_share.js
function Share(url,title,img,desc){ //需要說明的一點,在這里 ./ 表示的是你的根目錄; $.get("./wxjdk/ajax_getconfig.php",{url:window.location.href},function(data) { // console.log(data) wx.config(data); wx.ready(function () { // 在這里調用 API wx.onMenuShareTimeline({ //例如分享到朋友圈的API title: title, // 分享標題 link: url, // 分享鏈接 imgUrl: img, // 分享圖標 success: function () { alert("分享成功") }, cancel: function () { // 用戶取消分享后執行的回調函數 } }); wx.onMenuShareAppMessage({ title: title, // 分享標題 desc: desc, // 分享描述 link: url, // 分享鏈接 imgUrl: img, // 分享圖標 type: "", // 分享類型,music、video或link,不填默認為link dataUrl: "", // 如果type是music或video,則要提供數據鏈接,默認為空 success: function () { alert("分享成功") }, cancel: function () { // 用戶取消分享后執行的回調函數 } }); wx.error(function (res) { alert(res.errMsg); //打印錯誤消息。及把 debug:false,設置為debug:ture就可以直接在網頁上看到彈出的錯誤提示 }); }); }, "json" ); }
最后一步就是在an_share.html中引入微信的jweixin-1.2.0.js 和 function_share.js 然后調用Share函數啦!
還有一點需要注意的地方,如果你的分享沒有反應,無法調用function_share函數的時候,先問一下后臺看是不是服務器權限問題;文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/83835.html
摘要:這段時間公司的項目中有用到分享自定義標題和圖片的東西,從微信官方文檔中認真看了一下其實特別簡單,可能對新手來說會有點繞,這里我用來說明一下。 這段時間公司的項目中有用到分享自定義標題和圖片的東西,從微信官方文檔中認真看了一下 其實特別簡單,可能對新手來說會有點繞,這里我用PHP來說明一下。 我從微信官方文檔中下載的sample說明,看了一下,里面的分享頁是用PHP格式的,但是我的項目...
摘要:但是在本次開發中,我只使用了,,個別微信版本分享出來的還是沒有圖片和文案,的是沒有問題,所以又加上了棄用的,之后,安卓機也可以正常分享。 微信二次分享/自定義分享 從App中使用App分享(一次分享) showImg(https://segmentfault.com/img/bVbp83T?w=593&h=278); 使用微信導航欄的分享(二次分享) --已做處理 showImg(...
摘要:但是在本次開發中,我只使用了,,個別微信版本分享出來的還是沒有圖片和文案,的是沒有問題,所以又加上了棄用的,之后,安卓機也可以正常分享。 微信二次分享/自定義分享 從App中使用App分享(一次分享) showImg(https://segmentfault.com/img/bVbp83T?w=593&h=278); 使用微信導航欄的分享(二次分享) --已做處理 showImg(...
閱讀 1397·2021-11-24 09:39
閱讀 3687·2021-11-24 09:39
閱讀 1859·2021-11-16 11:54
閱讀 1464·2021-09-30 09:47
閱讀 1713·2021-09-26 10:16
閱讀 2342·2021-09-22 15:33
閱讀 1453·2021-09-14 18:01
閱讀 2436·2021-09-07 09:59