在網頁上新增分享到朋友圈、傳送給好友、分享等按鈕
阿新 • • 發佈:2019-01-25
微信公眾平臺開始支援前端網頁,大家可能看到很多網頁上都有分享到朋友圈,關注微信等按鈕,點選它們都會彈出一個視窗讓你分享和關注,這個是怎麼實現的呢?今天就給大家講解下如何在微信公眾平臺前端網頁上新增分享到朋友圈,關注微訊號等按鈕。
微信內嵌瀏覽器
通過 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'){
- //關注成功,或者已經關注過
- }
- })
- }