Html5頁面二次分享的實(shí)現(xiàn)
我要評(píng)論對(duì)于H5頁面來說二次分享還是蠻重要的，畢竟qq還是微信發(fā)出去之后習(xí)慣性的使用自帶的分享功能。和PC端不同，PC直接復(fù)制地址了。前兩天在做請(qǐng)柬，踩了不少的雷，個(gè)人開發(fā)和公司開發(fā)還是不一樣，各種問題，其他問題放在一個(gè)請(qǐng)柬的后記里面說吧。我們開始正題。
微信二次分享
微信的文檔還是不錯(cuò)的。通篇看完的話，基本上能避過很多坑（記得微信文檔習(xí)慣把一些坑寫在后面，不放在一起）
先說說，怎么微信怎么做二次分享
文檔地址，通過引入官方API。文檔寫挺好，直接傳入shareInfo就得了。
<script src="//res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
wx.config({
debug: false, // 開啟調(diào)試模式,調(diào)用的所有api的返回值會(huì)在客戶端alert出來，若要查看傳入的參數(shù)，可以在pc端打開，參數(shù)信息會(huì)通過log打出，僅在pc端時(shí)才會(huì)打印。
appId: sign.appid, // 必填，公眾號(hào)的唯一標(biāo)識(shí)
timestamp: sign.timestamp, // 必填，生成簽名的時(shí)間戳
nonceStr: sign.nonceStr, // 必填，生成簽名的隨機(jī)串
signature: sign.signature, // 必填，簽名，見附錄1
jsApiList: [
'onMenuShareTimeline',
'onMenuShareAppMessage',
'onMenuShareQQ',
'onMenuShareWeibo',
'onMenuShareQZone'
] // 必填，需要使用的JS接口列表，所有JS接口列表見附錄2
});
wx.ready(function() {
wx.showOptionMenu();
wx.onMenuShareAppMessage(shareInfo); //獲取“分享給朋友”按鈕點(diǎn)擊狀態(tài)及自定義分享內(nèi)容接口（即將廢棄）
wx.onMenuShareTimeline(shareInfo); //獲取“分享到朋友圈”按鈕點(diǎn)擊狀態(tài)及自定義分享內(nèi)容接口（即將廢棄）
wx.onMenuShareQQ(shareInfo); //獲取“分享到QQ”按鈕點(diǎn)擊狀態(tài)及自定義分享內(nèi)容接口
wx.onMenuShareWeibo(shareInfo); //獲取“分享到騰訊微博”按鈕點(diǎn)擊狀態(tài)及自定義分享內(nèi)容接口
wx.onMenuShareQZone(shareInfo); //獲取“分享到QQ空間”按鈕點(diǎn)擊狀態(tài)及自定義分享內(nèi)容接口
});
微信二次分享有坑嗎？
唉？我寫對(duì)了怎么沒通？文檔上下也沒寫有什么要求呀？
先查看 微信公眾平臺(tái)-開發(fā)-接口權(quán)限 發(fā)現(xiàn)沒權(quán)限的都提示未獲得，然后去進(jìn)行微信認(rèn)證，我這個(gè)分享接口提示已獲得了呀。上面說過什么？微信的文檔可以去后面查看一般都有說明。就是下面這句話，那么問題就來了，個(gè)人號(hào)是沒法做認(rèn)證的。
在iOS和Android都無法分享（請(qǐng)確認(rèn)公眾號(hào)已經(jīng)認(rèn)證，只有認(rèn)證的公眾號(hào)才具有分享相關(guān)接口權(quán)限，如果確實(shí)已經(jīng)認(rèn)證，則要檢查監(jiān)聽接口是否在wx.ready回調(diào)函數(shù)中觸發(fā)）
關(guān)于api調(diào)不通錯(cuò)誤整理
invalid url domain，我的問題是js安全域名沒搞invalid url signature，我的問題是jsapi_ticket沒有更新過來- 微信 JS 接口簽名校驗(yàn)工具
QQ二次分享先說文檔
網(wǎng)上流傳的文檔，什么api的，我試了，不好使。通過地址進(jìn)去，最后的維護(hù)都是15年什么的。
怎么去設(shè)置二次分享
通過meta標(biāo)簽是最科學(xué)的。
<meta itemprop="name" content="標(biāo)題" /> <meta itemprop="image" content="副標(biāo)題" /> <meta name="description" itemprop="description" content="分享圖" />
有沒有什么要注意的
這個(gè)meta標(biāo)簽不能后添加，必須進(jìn)入頁面的時(shí)候就有，也就是說只能走后臺(tái)模板。不然的話，部分Android低版本拉取不到摘要（是的，有的手機(jī)動(dòng)態(tài)的可以拿到），iOS不支持。
其實(shí)技術(shù)類文章都是有時(shí)效的
本文寫于 2018年7月30日
測(cè)試時(shí)間 2018年7月30日
以上就是本文的全部內(nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
html5調(diào)用app分享功能示例（WebViewJavascriptBridge）
這篇文章主要介紹了html5調(diào)用app分享功能示例（WebViewJavascriptBridge）的相關(guān)資料,小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-03-21- 這篇文章主要介紹了微信端html5頁面調(diào)用分享接口示例的相關(guān)資料,小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-03-14
HTML5實(shí)現(xiàn)分享到微信好友朋友圈QQ好友QQ空間微博二維碼功能
這篇文章主要介紹了HTML5實(shí)現(xiàn)分享到微信好友朋友圈QQ好友QQ空間微博二維碼功能的實(shí)例代碼，非常不錯(cuò)，具有參考借鑒價(jià)值,需要的朋友可以參考下2018-01-03
