微信公眾平台開發 微信公眾平台開發模式 企業微信公眾平台 微信瀏覽器 分享到朋友圈 發送給好友 分享到騰訊微博
作者：方倍工作室
原文: http://www.cnblogs.com/txw1958/p/MicroMessenger-browser.html
部分內容轉自 http://weixin.shtion.com/weixin-gongzhong-fenxiang-anniu.html
微信公眾平台開始支持前端網頁，大家可能看到很多網頁上都有分享到朋友圈，關注微信等按鈕，點擊它們都會彈出一個窗口讓你分享和關注，這個是怎么實現的呢？今天就給大家講解下如何在微信公眾平台前端網頁上添加分享到朋友圈，關注微信號等按鈕。
一、微信瀏覽器
通過在電腦上打開微信的網頁，我們可以發現微信內嵌瀏覽器定義了一個私有 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 }); }
下述代碼及效果展示 來自《微信公眾平台開發最佳實踐》
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>微信公眾平台開發最佳實踐</title> </head> <body style=""> <script type="text/javascript"> document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() { // 發送給好友 WeixinJSBridge.on('menu:share:appmessage', function (argv) { WeixinJSBridge.invoke('sendAppMessage', { "appid": "123", "img_url": "http://bcs.duapp.com/api100/image/logo/lover.jpg", "img_width": "160", "img_height": "160", "link": "http://api100.duapp.com/card/", "desc": "山無陵，天地合，乃敢與君絕。", "title": "愛情賀卡" }, function (res) { _report('send_msg', res.err_msg); }) }); // 分享到朋友圈 WeixinJSBridge.on('menu:share:timeline', function (argv) { WeixinJSBridge.invoke('shareTimeline', { "img_url": "http://bcs.duapp.com/api100/image/logo/newyear.jpg", "img_width": "160", "img_height": "160", "link": "http://api100.duapp.com/card/", "desc": "Best wishes for a wonderful new year.", "title": "新年賀卡" }, function (res) { _report('timeline', res.err_msg); }); }); }, false) </script> </body> </html>
效果如下
=============================================================
====================================================================
方倍工作室微信公眾平台賬號關注方法：
1. 微信通訊錄-添加朋友-查找公眾號-搜索“方倍工作室”
2. 微信通訊錄-添加朋友-搜號碼-輸入“pondbaystudio”
3. 使用微信掃描下面的二維碼
