摘要:對于頁面來說二次分享還是蠻重要的,畢竟還是微信發(fā)出去之后習(xí)慣性的使用自帶的分享功能。通篇看完的話,基本上能避過很多坑記得微信文檔習(xí)慣把一些坑寫在后面,不放在一起先說說,怎么微信怎么做二次分享文檔地址,通過引入官方。
對于H5頁面來說二次分享還是蠻重要的,畢竟qq還是微信發(fā)出去之后習(xí)慣性的使用自帶的分享功能。和PC端不同,PC直接復(fù)制地址了。前兩天在做請柬,踩了不少的雷,個人開發(fā)和公司開發(fā)還是不一樣,各種問題,其他問題放在一個請柬的后記里面說吧。我們開始正題。
微信二次分享微信的文檔還是不錯的。通篇看完的話,基本上能避過很多坑(記得微信文檔習(xí)慣把一些坑寫在后面,不放在一起)
先說說,怎么微信怎么做二次分享文檔地址,通過引入官方API。文檔寫挺好,直接傳入shareInfo就得了。
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, // 必填,生成簽名的隨機(jī)串 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標(biāo)簽不能后添加,必須進(jìn)入頁面的時候就有,也就是說只能走后臺模板。不然的話,部分Android低版本拉取不到摘要(是的,有的手機(jī)動態(tài)的可以拿到),iOS不支持。
其實技術(shù)類文章都是有時效的 本文寫于 2018年7月30日 測試時間 2018年7月30日文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/96413.html
摘要:基于微信公眾號開發(fā)的頁面,使用成功分享之后,被分享的頁面再次被分享的時候出錯,出現(xiàn)這種錯誤的一種可能就是,的錯誤假設(shè)我們的頁面叫做我們將頁面放在域名下面,那么我們?nèi)ノ⑿藕笈_計算簽名的應(yīng)該是這樣的當(dāng)我們的頁面被分享之后,我們頁面的頁面鏈接會被 基于微信公眾號開發(fā)的h5頁面,使用jssdk成功分享之后,被分享的頁面再次被分享的時候jssdk出錯,出現(xiàn)這種錯誤的一種可能就是,url的錯誤 假...
摘要:三性能優(yōu)化處理做工具類的項目,性能是非常大的挑戰(zhàn),我總結(jié)了以下幾個常見的性能優(yōu)化點數(shù)據(jù)緩存。防抖,節(jié)流,事件委托內(nèi)存釋放。 內(nèi)容大綱: 1、功能介紹 2、技術(shù)架構(gòu) 3、性能優(yōu)化 4、細(xì)節(jié)分享 5、開源說明 一、項目功能介紹 很久沒寫過技術(shù)類的文章了,這次給大家分享一個近期的項目,采用react+mobx+jquery構(gòu)建的大型工具類項目。查看項目網(wǎng)址。 如果用過易企秀,maka或者...
摘要:三性能優(yōu)化處理做工具類的項目,性能是非常大的挑戰(zhàn),我總結(jié)了以下幾個常見的性能優(yōu)化點數(shù)據(jù)緩存。防抖,節(jié)流,事件委托內(nèi)存釋放。 內(nèi)容大綱: 1、功能介紹 2、技術(shù)架構(gòu) 3、性能優(yōu)化 4、細(xì)節(jié)分享 5、開源說明 一、項目功能介紹 很久沒寫過技術(shù)類的文章了,這次給大家分享一個近期的項目,采用react+mobx+jquery構(gòu)建的大型工具類項目。查看項目網(wǎng)址。 如果用過易企秀,maka或者...
閱讀 465·2023-04-25 23:00
閱讀 3496·2021-11-22 13:54
閱讀 1899·2021-10-27 14:14
閱讀 1487·2019-08-30 13:59
閱讀 3512·2019-08-23 16:15
閱讀 1959·2019-08-23 16:06
閱讀 3328·2019-08-23 15:26
閱讀 1258·2019-08-23 13:48