微信分享链接时,怎样才能带上带缩略图和简介?
生活随笔
收集整理的這篇文章主要介紹了
微信分享链接时,怎样才能带上带缩略图和简介?
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
一、如何判斷是否為微信內(nèi)置瀏覽器?
答:通過Header信息里的User-agent來判斷,通過識別MicroMessenger這個關(guān)鍵字來確定是否來自微信。即微信的內(nèi)置瀏覽器的user-agent信息中含有MicroMessenger。
例如:
小米?2A手機(jī)微信內(nèi)置瀏覽器中的useragent信息為:Mozilla/5.0(Linux;U;Android?4.1.1;zh-cn;MI?2A?Build/JRO03L)AppleWebKit/534.30(KHTML,like?Gecko)?Version/4.0?Mobile?Safri/534.30?MicroMessenger/5.0.3.354谷歌瀏覽器:Mozilla/5.0?(Windows?NT?6.1;?WOW64)?AppleWebKit/537.36?(KHTML,?like?Gecko)?Chrome/30.0.1599.101?Safari/537.36火狐瀏覽器:Mozilla/5.0?(Windows?NT?6.1;?WOW64;?rv:24.0)?Gecko/20100101?Firefox/24.0IE瀏覽器:Mozilla/5.0?(compatible;?MSIE?10.0;?Windows?NT?6.1;?WOW64;?Trident/6.0;?EIE10;ZHCNMSN)二、如何獲取Header中的user-agent信息?
答:在PHP中,可通過$_SERVER['HTTP_USER_AGENT']來獲取user-agent信息。
三、微信分享到朋友圈的腳本奧秘
微信最近推出的一個社交工具網(wǎng)站www.faxinxi.la,能發(fā)投票、活動、文章。譬如你發(fā)一個投票,網(wǎng)址是http://www.faxinxila.com/post/vote,但你填完所有信息按提交后,網(wǎng)頁地址并沒有發(fā)生跳轉(zhuǎn),而是ajax提交信息后彈出的一個遮罩層,提示你點(diǎn)右上角的分享按鈕,注意,點(diǎn)擊分享齊納網(wǎng)址一直保持在/post/vote路徑,但點(diǎn)開分享里的信息已經(jīng)發(fā)生了變化,分享出去后,網(wǎng)址也發(fā)生了變化,變成了/vote/3投票實(shí)際的展示路徑。這是怎么做到的呢?查看faxinxi里唯一js文件,你會發(fā)現(xiàn)一個WeixinJSBridge的輸出對象,再對比下通過微信公眾平臺發(fā)出來的文章源文件,也有WeixinJSBridge對象腳本,問題迎刃而解,微信在內(nèi)嵌webview里輸出了WeixinJSBridge對象供web斷js調(diào)用。faxinxi已經(jīng)將有用的js提取出來; ,詳細(xì)腳本如下:
<!--?lang:?js?--> var?dataForWeixin={ <!--?lang:?js?-->appId:"", <!--?lang:?js?-->MsgImg:"http://img1.faxinxila.net/images/share_msg.png", <!--?lang:?js?-->TLImg:"http://img1.faxinxila.net/images/share.png", <!--?lang:?js?-->url:"http://faxinxi.la/vote/1", <!--?lang:?js?-->title:"input?title?here", <!--?lang:?js?-->desc:"input?description?here", <!--?lang:?js?-->fakeid:"", <!--?lang:?js?-->callback:function(){} <!--?lang:?js?--> }; <!--?lang:?js?--> (function(){ <!--?lang:?js?-->var?onBridgeReady=function(){ <!--?lang:?js?-->WeixinJSBridge.on('menu:share:appmessage',?function(argv){ <!--?lang:?js?-->WeixinJSBridge.invoke('sendAppMessage',{ <!--?lang:?js?-->"appid":dataForWeixin.appId, <!--?lang:?js?-->"img_url":dataForWeixin.MsgImg, <!--?lang:?js?-->"img_width":"120", <!--?lang:?js?-->"img_height":"120", <!--?lang:?js?-->"link":dataForWeixin.url, <!--?lang:?js?-->"desc":dataForWeixin.desc, <!--?lang:?js?-->"title":dataForWeixin.title <!--?lang:?js?-->},?function(res){(dataForWeixin.callback)();}); <!--?lang:?js?-->}); <!--?lang:?js?-->WeixinJSBridge.on('menu:share:timeline',?function(argv){ <!--?lang:?js?-->(dataForWeixin.callback)(); <!--?lang:?js?-->WeixinJSBridge.invoke('shareTimeline',{ <!--?lang:?js?-->"img_url":dataForWeixin.TLImg, <!--?lang:?js?-->"img_width":"120", <!--?lang:?js?-->"img_height":"120", <!--?lang:?js?-->"link":dataForWeixin.url, <!--?lang:?js?-->"desc":dataForWeixin.desc, <!--?lang:?js?-->"title":dataForWeixin.title <!--?lang:?js?-->},?function(res){}); <!--?lang:?js?-->}); <!--?lang:?js?-->WeixinJSBridge.on('menu:share:weibo',?function(argv){ <!--?lang:?js?-->WeixinJSBridge.invoke('shareWeibo',{ <!--?lang:?js?-->"content":dataForWeixin.title, <!--?lang:?js?-->"url":dataForWeixin.url <!--?lang:?js?-->},?function(res){(dataForWeixin.callback)();}); <!--?lang:?js?-->}); <!--?lang:?js?-->WeixinJSBridge.on('menu:share:facebook',?function(argv){ <!--?lang:?js?-->(dataForWeixin.callback)(); <!--?lang:?js?-->WeixinJSBridge.invoke('shareFB',{ <!--?lang:?js?-->"img_url":dataForWeixin.TLImg, <!--?lang:?js?-->"img_width":"120", <!--?lang:?js?-->"img_height":"120", <!--?lang:?js?-->"link":dataForWeixin.url, <!--?lang:?js?-->"desc":dataForWeixin.desc, <!--?lang:?js?-->"title":dataForWeixin.title <!--?lang:?js?-->},?function(res){}); <!--?lang:?js?-->}); <!--?lang:?js?--> }; <!--?lang:?js?--> if(document.addEventListener){ <!--?lang:?js?-->document.addEventListener('WeixinJSBridgeReady',?onBridgeReady,?false); <!--?lang:?js?--> }else?if(document.attachEvent){ <!--?lang:?js?-->document.attachEvent('WeixinJSBridgeReady'???,?onBridgeReady); <!--?lang:?js?-->document.attachEvent('onWeixinJSBridgeReady'?,?onBridgeReady); <!--?lang:?js?--> } <!--?lang:?js?--> })();我們可以通過更改var dataForWeixin來改變分享的地址,圖片,標(biāo)題等。
GetwxLink
轉(zhuǎn)載于:https://blog.51cto.com/14309322/2385988
總結(jié)
以上是生活随笔為你收集整理的微信分享链接时,怎样才能带上带缩略图和简介?的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: JavaScript 设计模式之观察者模
- 下一篇: DHCP的基本介绍以及在HC3上配置DH