在網頁上添加分享到朋友圈、發送給好友、分享等按鈕

在網頁上添加分享到朋友圈、發送給好友、分享等按鈕

2013-04-10 15:35  佚名  我愛水煮魚 字號：T | T

微信公衆平臺開始支持前端網頁，你們可能看到不少網頁上都有分享到朋友圈，關注微信等按鈕，點擊它們都會彈出一個窗口讓你分享和關注，這個是怎麼實現的呢？今天就給你們講解下如何在微信公衆平臺前端網頁上添加分享到朋友圈，關注微信號等按鈕。

AD：網+線下沙龍 | 移動APP模式創新：給你一個作APP的理由>>

微信內嵌瀏覽器

經過 Mac 遠程調試 iPhone 上微信本身的網頁，咱們能夠發現微信內嵌瀏覽器定義了一個私有 JavaScript 對象：WeixinJSBridge，經過操做這個對象的相關方法能夠實現分享到微信朋友圈，和判斷一個微信號的關注狀態以及實現關注指定微信號等功能。

分享到朋友圈

function weixinShareTimeline(title,desc,link,imgUrl){     WeixinJSBridge.invoke('shareTimeline',{         "img_url":imgUrl,         //"img_width":"640",         //"img_height":"640",         "link":link,         "desc": desc,         "title":title     });  }

發送給好友

function weixinSendAppMessage(title,desc,link,imgUrl){     WeixinJSBridge.invoke('sendAppMessage',{     //"appid":appId,     "img_url":imgUrl,     //"img_width":"640",     //"img_height":"640",     "link":link,     "desc":desc,     "title":title     }); }

分享到騰訊微博

function weixinShareWeibo(title,link){     WeixinJSBridge.invoke('shareWeibo',{         "content":title + link,         "url":link     }); }

關注指定的微信號

function weixinAddContact(name){     WeixinJSBridge.invoke("addContact", {webtype: "1",username: name}, function(e) {         WeixinJSBridge.log(e.err_msg);         //e.err_msg:add_contact:added 已經添加         //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'){             //關注成功，或者已經關注過         }     }) }