php微信瀏覽器分享設(shè)置以及回調(diào)詳解
在微信中分享給好友/分享到朋友圈這個(gè)功能應(yīng)該是比較常用的了,就拿分享到朋友圈舉例,分享出去的內(nèi)容在朋友圈的展示是以一張小圖片+一個(gè)簡(jiǎn)單的介紹的形式來(lái)給好友看到的,點(diǎn)擊后才是詳情,那么這么一來(lái),這張小圖片和這段小簡(jiǎn)介就直接成為了這個(gè)被分享后的內(nèi)容的被點(diǎn)擊率的重中之重。在默認(rèn)情況下,這張圖片會(huì)載入內(nèi)容主題部分的第一張大圖片,而簡(jiǎn)介只會(huì)加載一個(gè)網(wǎng)址。這樣的展示方式還是相當(dāng)不盡如人意的,那我們來(lái)看一下這一些內(nèi)容,是通過(guò)什么形式來(lái)設(shè)置的,拿PHP來(lái)做一個(gè)舉例:
首先我們需要有一個(gè)公眾號(hào),并且獲得appid及appsecret。
然后,我們通過(guò)appid和appsecret,就可以向微信平臺(tái)來(lá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'];
通過(guò)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)備工作就緒,我們可以開(kāi)始我們的設(shè)置了。
微信的分享設(shè)置是通過(guò)wx.config來(lái)進(jìn)行的。
<script> wx.config({ debug: false, // 開(kāi)啟調(diào)試模式,調(diào)用的所有api的返回值會(huì)在客戶端alert出來(lái),若要查看傳入的參數(shù),可以在pc端打開(kāi),參數(shù)信息會(huì)通過(guò)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ī)的字符串,用來(lái)生成簽名的,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://mp.weixin.qq.com/wiki/static/assets/dc5de672083b2ec495408b00b96c9aab.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://mp.weixin.qq.com/wiki/static/assets/dc5de672083b2ec495408b00b96c9aab.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),用來(lái)做一些判斷用戶分享朋友圈后顯示心理測(cè)試答案之類的小功能還是很有用的哦。
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
6個(gè)常見(jiàn)的 PHP 安全性攻擊實(shí)例和阻止方法
這篇文章主要介紹了6個(gè)常見(jiàn)的 PHP 安全性攻擊實(shí)例和阻止方法,有對(duì)這方面感興趣的小伙伴歡迎大家來(lái)閱讀和學(xué)習(xí)2020-12-12thinkPHP框架單元測(cè)試庫(kù)tpunit用法示例
這篇文章主要介紹了thinkPHP框架單元測(cè)試庫(kù)tpunit用法,結(jié)合實(shí)例形式分析了tpunit簡(jiǎn)單使用方法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2018-08-08Laravel5.5 視圖 - 創(chuàng)建視圖和數(shù)據(jù)傳遞示例
今天小編就為大家分享一篇Laravel5.5 視圖 - 創(chuàng)建視圖和數(shù)據(jù)傳遞示例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-10-10PHP的Laravel框架中使用消息隊(duì)列queue及異步隊(duì)列的方法
這篇文章主要介紹了PHP的Laravel框架中使用消息隊(duì)列queue及異步隊(duì)列的方法,針對(duì)Laravel 5.0后的版本,示例環(huán)境為L(zhǎng)inux系統(tǒng),需要的朋友可以參考下2016-03-03