這篇文章主要介紹了Html5頁面二次分享的實現的相關資料,有一定的參考價值,有需要的朋友可以參考一下,希望對你們有所幫助。
對於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端时才会打印。 appId: sign.appid, // 必填,公众号的唯一标识 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
沒有更新過來
#微信JS 介面簽章校驗工具
QQ二次分享先說文檔
網路上流傳的文檔,什麼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日
#總結:以上就是本篇的全部內容,希望對大家的學習有所幫助。更多相關教學請造訪Html5影片教學!
相關推薦:
以上是Html5頁面二次分享的實現的詳細內容。更多資訊請關注PHP中文網其他相關文章!