這個(gè)是第三方跳轉(zhuǎn)的網(wǎng)站

微信公眾平臺(tái)前端開(kāi)發(fā)技巧分享

微信公眾平臺(tái)

新版微信做了更改，此文提到的部分方法可能已經(jīng)不再適用，請(qǐng)關(guān)注微信官方開(kāi)放平臺(tái)：http://open.weixin.qq.com/document/?lang=zh_CN。

微信很火，微信推出的公眾平臺(tái)也吸引了一部分市場(chǎng)宣傳推廣團(tuán)隊(duì)，像冷笑話(huà)大全這種微博養(yǎng)粉大戶(hù)在微信的公眾平臺(tái)也是異常火爆。

因工作需求，最近為我們的市場(chǎng)部做了幾個(gè)微信公共平臺(tái)下的頁(yè)面，其中涉及微信公眾賬號(hào)的友情鏈接，轉(zhuǎn)發(fā)一篇文章到微信朋友圈，判斷是否轉(zhuǎn)發(fā)成功的回調(diào)機(jī)制，判斷是否成功關(guān)注微信帳號(hào)等的前端代碼，我也是通過(guò)分析冷笑話(huà)大全的頁(yè)面找到的方法，也google過(guò)，但沒(méi)找到微信官方有公布過(guò)相關(guān)文檔，所以就把自己知道的拿來(lái)分享一下。

微信內(nèi)嵌瀏覽器：

微信內(nèi)嵌瀏覽器有一個(gè)私有JS 對(duì)象：WeixinJSBridge，通過(guò)操作這個(gè)對(duì)象的相關(guān)方法可以實(shí)現(xiàn)轉(zhuǎn)發(fā)鏈接到微信朋友圈，和判斷一個(gè)微信號(hào)的關(guān)注狀態(tài)，比如在進(jìn)行轉(zhuǎn)發(fā)抽獎(jiǎng)的活動(dòng)時(shí)，判斷是否轉(zhuǎn)發(fā)成功和是否關(guān)注成功會(huì)很有必要。

轉(zhuǎn)發(fā)鏈接到朋友圈：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23

//點(diǎn)擊事件調(diào)用此函數(shù)即可激發(fā)一次轉(zhuǎn)發(fā)到朋友圈操作 function toWexinFriends(){ ????WeixinJSBridge.invoke('shareTimeline',{ ????????"img_url": "http://example.com/example.png", ????????//"img_width": "640", ????????//"img_height": "640", ????????"link": "http://example.com", ????????"desc": "描述", ????????"title": "標(biāo)題" ????},function(res){ ????????// 返回res.err_msg,取值 ????????// share_timeline:cancel 用戶(hù)取消 ????????// share_timeline:fail　發(fā)送失敗 ????????// share_timeline:confirm 發(fā)送成功 ????????WeixinJSBridge.log(res.err_msg); ????????if(res.err_msg == 'share_timeline:confirm'){ ????????????//轉(zhuǎn)發(fā)成功 ????????}; ????}); }

關(guān)注微信公眾帳號(hào)：

1 2 3 4 5 6 7 8 9 10 11 12 13 14

function addFirend(){ //gh_122a2ee67fae 為被添加者的微信ID WeixinJSBridge.invoke("addContact", {webtype: "1",username: 'gh_122a2ee67fae'}, function(e) { ????????????WeixinJSBridge.log(e.err_msg); ????????????//e.err_msg:add_contact:added 已經(jīng)添加 ????????????//e.err_msg:add_contact:cancel 取消添加 ????????????//e.err_msg:add_contact:ok 添加成功 ????????????if(e.err_msg == 'add_contact:added' || e.err_msg == 'add_contact:ok'){ ????????????????//關(guān)注成功，或者已經(jīng)關(guān)注過(guò) ????????????} ????????}) }

以上都需要在微信內(nèi)嵌瀏覽器內(nèi)才能被識(shí)別，通過(guò)判斷WeixinJSBridge對(duì)象是否存在，可以知道是否在微信內(nèi)瀏覽的頁(yè)面。

微信內(nèi)嵌瀏覽器還可以識(shí)別：

1	<a href="weixin://profile/gh_122a2ee67fae"></a>

此種類(lèi)型的鏈接，此鏈接在微信內(nèi)會(huì)鏈接到一個(gè)公共帳號(hào)的介紹界面。
外部瀏覽器可以使用：

1	<a href="weixin://qr/aHUbFAjE_jaFhxl3nyBM"></a>

此種類(lèi)型的鏈接在手機(jī)的外部瀏覽器也會(huì)被自動(dòng)識(shí)別并跳轉(zhuǎn)到微信，但會(huì)進(jìn)行條碼掃描，體驗(yàn)不是很好。

以上分享希望對(duì)大家有所幫助，更希望知情人士分享更多技巧，QQ的社交鏈真的是強(qiáng)大到可怕，微信已經(jīng)漸漸成長(zhǎng)壯大，必會(huì)成為網(wǎng)絡(luò)營(yíng)銷(xiāo)的另一片沃土！

轉(zhuǎn)載于:https://www.cnblogs.com/milx/p/7270248.html

總結(jié)

以上是生活随笔為你收集整理的微信公众平台前端开发技巧分享的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。