對於H5頁面來說二次分享還蠻重要的,畢竟qq還是微信發出去之後習慣性的使用自帶的分享功能。和PC端不同,PC直接複製地址了。前兩天在做請柬,踩了不少的雷,個人開發和公司開發還是不一樣,各種問題,其他問題放在一個請柬的後記裡面說吧。我們開始正題。
微信二次分享微信的文檔還是不錯的。通篇看完的話,基本上能避過很多坑(記得微信文檔習慣把一些坑寫在後面,不放在一起)
先說說,怎麼微信怎麼做二次分享文件地址,透過引入官方API。文件寫挺好,直接傳入shareInfo
就得了。
<script src=//res.wx.qq.com/open/js/jweixin-1.2.0.js></script>wx.config({ debug: false, // 開啟偵錯模式,呼叫的所有api的回傳值會在客戶端alert出來,若要查看傳入的參數,可以在pc端打開,參數資訊會透過log打出,只有在pc端時才會列印。必填,公眾號碼的唯一識別timestamp: sign.timestamp, // 必填,產生簽名的時間戳nonceStr: sign.nonceStr, // 必填,產生簽名的隨機串signature: sign.signature, // 必填,簽名,見附錄1 jsApiList: [ 'onMenuShareTimeline', 'onMenuShareAppMessage', 'onMenuShareQQ', 'onMenuShareWeibo', 'onMenuShareQZone' ] // 必填,需要使用的JS介面列表,所有JS介面清單請見附錄2});wx.ready(function() { wx.showOptionMenu(); wx.onMenuShareAppMessage(shareInfo); //取得分享給朋友按鈕點選狀態及自訂分享內容介面(即將廢棄) wx.onMenuShareTimeline(shareInfo); //取得分享至朋友圈按鈕點選狀態及自訂分享內容介面(即將廢棄) wx.onMenuShareQQ(shareInfo); //取得分享至QQ按鈕點選狀態及自訂分享內容介面wx.onMenuShareWeibo(shareInfo); / /取得分享至騰訊微博按鈕點擊狀態及自訂分享內容介面wx.onMenuShareQZone(shareInfo); //取得分享至QQ空間按鈕點選狀態及自訂分享內容介面});微信二次分享有坑嗎?
唉?我寫對了怎麼沒通?文件上下也沒寫有什麼要求呀?
先查看微信公眾平台-開發-介面權限發現沒權限的都提示未取得,然後去進行微信認證,我這個分享介面提示已獲得了呀。上面說過什麼?微信的文件可以去後面查看一般都有說明。就是下面這句話,那麼問題就來了,個人號是沒辦法做認證的。
在iOS和Android都無法分享(請確認公眾號已經認證,只有認證的公眾號才具有分享相關介面權限,如果確實已經認證,則要檢查監聽介面是否在wx.ready回呼函數中觸發)
關於api調不通錯誤整理
invalid url domain
,我的問題是js安全域名沒搞invalid url signature
,我的問題是jsapi_ticket
沒有更新過來網路上流傳的文檔,什麼api的,我試了,不好使。透過地址進去,最後的維護都是15年什麼的。
怎麼去設定二次分享透過meta標籤是最科學的。
<meta itemprop=name content=標題/><meta itemprop=image content=副標題/><meta name=description itemprop=description content=分享圖片/>
有沒有什麼要注意的
這個meta標籤不能後再添加,必須進入頁面的時候才有,也就是說只能走後台模板。不然的話,部分Android
低版拉取不到摘要(是的,有的手機動態的可以拿到), iOS
不支援。
其實技術類文章都是有時效的
本文寫於2018年7月30日
測試時間2018年7月30日
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持VeVb武林網。