在網(wǎng)頁(yè)上添加分享到朋友圈、發(fā)送給好友、分享等按鈕
作者:佚名
微信公眾平臺(tái)開(kāi)始支持前端網(wǎng)頁(yè),大家可能看到很多網(wǎng)頁(yè)上都有分享到朋友圈,關(guān)注微信等按鈕,點(diǎn)擊它們都會(huì)彈出一個(gè)窗口讓你分享和關(guān)注,這個(gè)是怎么實(shí)現(xiàn)的呢?今天就給大家講解下如何在微信公眾平臺(tái)前端網(wǎng)頁(yè)上添加分享到朋友圈,關(guān)注微信號(hào)等按鈕。
微信內(nèi)嵌瀏覽器
通過(guò) Mac 遠(yuǎn)程調(diào)試 iPhone 上微信自己的網(wǎng)頁(yè),我們可以發(fā)現(xiàn)微信內(nèi)嵌瀏覽器定義了一個(gè)私有 JavaScript 對(duì)象:WeixinJSBridge,通過(guò)操作這個(gè)對(duì)象的相關(guān)方法可以實(shí)現(xiàn)分享到微信朋友圈,和判斷一個(gè)微信號(hào)的關(guān)注狀態(tài)以及實(shí)現(xiàn)關(guān)注指定微信號(hào)等功能。
分享到朋友圈
- function weixinShareTimeline(title,desc,link,imgUrl){
- WeixinJSBridge.invoke('shareTimeline',{
- "img_url":imgUrl,
- //"img_width":"640",
- //"img_height":"640",
- "link":link,
- "desc": desc,
- "title":title
- });
- }
發(fā)送給好友
- 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
- });
- }
關(guān)注指定的微信號(hào)
- function weixinAddContact(name){
- WeixinJSBridge.invoke("addContact", {webtype: "1",username: name}, 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ò)
- }
- })
- }
責(zé)任編輯:徐川
來(lái)源:
我愛(ài)水煮魚(yú)