主頁 > 知識庫 > Html5頁面二次分享的實現(xiàn)

Html5頁面二次分享的實現(xiàn)

熱門標(biāo)簽:黃島區(qū)地圖標(biāo)注 鎮(zhèn)江智能外呼系統(tǒng)有效果嗎 成都智能外呼系統(tǒng)平臺 江蘇智能電銷機器人哪家好 四川點撥外呼系統(tǒng) 當(dāng)涂高德地圖標(biāo)注 電銷機器人電話用什么卡 云南大理400電話申請官方 南寧點撥外呼系統(tǒng)哪家公司做的好

對于H5頁面來說二次分享還是蠻重要的,畢竟qq還是微信發(fā)出去之后習(xí)慣性的使用自帶的分享功能。和PC端不同,PC直接復(fù)制地址了。前兩天在做請柬,踩了不少的雷,個人開發(fā)和公司開發(fā)還是不一樣,各種問題,其他問題放在一個請柬的后記里面說吧。我們開始正題。

微信二次分享

微信的文檔還是不錯的。通篇看完的話,基本上能避過很多坑(記得微信文檔習(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的返回值會在客戶端alert出來,若要查看傳入的參數(shù),可以在pc端打開,參數(shù)信息會通過log打出,僅在pc端時才會打印。
    appId: sign.appid, // 必填,公眾號的唯一標(biāo)識
    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); //獲取“分享給朋友”按鈕點擊狀態(tài)及自定義分享內(nèi)容接口(即將廢棄)
    wx.onMenuShareTimeline(shareInfo); //獲取“分享到朋友圈”按鈕點擊狀態(tài)及自定義分享內(nèi)容接口(即將廢棄)
    wx.onMenuShareQQ(shareInfo); //獲取“分享到QQ”按鈕點擊狀態(tài)及自定義分享內(nèi)容接口
    wx.onMenuShareWeibo(shareInfo); //獲取“分享到騰訊微博”按鈕點擊狀態(tài)及自定義分享內(nèi)容接口
    wx.onMenuShareQZone(shareInfo); //獲取“分享到QQ空間”按鈕點擊狀態(tài)及自定義分享內(nèi)容接口
});

微信二次分享有坑嗎?

唉?我寫對了怎么沒通?文檔上下也沒寫有什么要求呀?

先查看 微信公眾平臺-開發(fā)-接口權(quán)限 發(fā)現(xiàn)沒權(quán)限的都提示未獲得,然后去進(jìn)行微信認(rèn)證,我這個分享接口提示已獲得了呀。上面說過什么?微信的文檔可以去后面查看一般都有說明。就是下面這句話,那么問題就來了,個人號是沒法做認(rèn)證的。

在iOS和Android都無法分享(請確認(rèn)公眾號已經(jīng)認(rèn)證,只有認(rèn)證的公眾號才具有分享相關(guān)接口權(quán)限,如果確實已經(jīng)認(rèn)證,則要檢查監(jiān)聽接口是否在wx.ready回調(diào)函數(shù)中觸發(fā))

關(guān)于api調(diào)不通錯誤整理

  • invalid url domain,我的問題是js安全域名沒搞
  • invalid url signature,我的問題是jsapi_ticket沒有更新過來
  • 微信 JS 接口簽名校驗工具

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="分享圖" />

有沒有什么要注意的

這個meta標(biāo)簽不能后添加,必須進(jìn)入頁面的時候就有,也就是說只能走后臺模板。不然的話,部分Android低版本拉取不到摘要(是的,有的手機動態(tài)的可以拿到),iOS不支持。

其實技術(shù)類文章都是有時效的

本文寫于 2018年7月30日

測試時間 2018年7月30日

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

標(biāo)簽:十堰 佳木斯 咸寧 酒泉 廣西 西寧 南京 淮安

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《Html5頁面二次分享的實現(xiàn)》,本文關(guān)鍵詞  Html5,頁面,二次,分享,的,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《Html5頁面二次分享的實現(xiàn)》相關(guān)的同類信息!
  • 本頁收集關(guān)于Html5頁面二次分享的實現(xiàn)的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章