微信公众平台开发(90) 分享到朋友圈和发送给好友

<div class="blogpost-body" id="cnblogs_post_body">
微信公众平台开发微信公众平台开发模式企业微信公众平台微信浏览器分享到朋友圈发送给好友分享到腾讯微博 
作者：方倍工作室 原文: <a href="http://www.cnblogs.com/txw1958/p/MicroMessenger-browser.html">http://www.cnblogs.com/txw1958/p/MicroMessenger-browser.html</a> 
 
<div class="eleven columns top bottom">
 <div class="post gallery bottom">
<div class="post-content bottom">
部分内容转自 http://weixin.shtion.com/weixin-gongzhong-fenxiang-anniu.html 
微信公众平台开始支持前端网页，大家可能看到很多网页上都有分享到朋友圈，关注微信等按钮，点击它们都会弹出一个窗口让你分享和关注，这个是怎么实现的呢？今天就给大家讲解下如何在微信公众平台前端网页上添加分享到朋友圈，关注微信号等按钮。
 
一、微信浏览器
通过在电脑上打开微信的网页，我们可以发现微信内嵌浏览器定义了一个私有 JavaScript 对象：WeixinJSBridge，通过操作这个对象的相关方法可以实现分享到微信朋友圈，和判断一个微信号的关注状态以及实现关注指定微信号等功能。
 
</div>
 </div>
</div>
二、分享到朋友圈
<div class="cnblogs_code">
 <pre class="blockcode">function weixinShareTimeline(title,desc,link,imgUrl){
WeixinJSBridge.invoke(‘shareTimeline’,{
“img_url”:imgUrl,
//”img_width”:”640″,
//”img_height”:”640″,
“link”:link,
“desc”: desc,
“title”:title
});
}</pre>
</div>
 
三、发送给好友
<div class="cnblogs_code">
 <pre class="blockcode">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
});
}</pre>
</div>
 
四、分享到腾讯微博
<div class="cnblogs_code">
 <pre class="blockcode">function weixinShareWeibo(title,link){
WeixinJSBridge.invoke(‘shareWeibo’,{
“content”:title + link,
“url”:link
});
}</pre>
</div>
 
<h2 id="firstHeading">下述代码及效果展示来自<a href="http://www.cnblogs.com/txw1958/p/weixin-development-best-practice.html">《微信公众平台开发最佳实践》</a></h2>
 
<div class="cnblogs_code">
 <pre class="blockcode"><!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('Weixin