在网页上添加微信分享按钮，关注微信号等按钮

转自：http://www.cnblogs.com/GmrBrian/p/3593071.html

微信公众平台开始支持前端网页，大家可能看到很多网页上都有分享到朋友圈，关注微信等按钮，点击它们都会弹出一个窗口让你分享和关注，这个是怎么实现的呢？今天就给大家讲解下如何在微信公众平台前端网页上添加分享到朋友圈，关注微信号等按钮。

一、微信浏览器

通过 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’){//关注成功，或者已经关注过}})
}

关注微信好友

//通过关注微信好友
function WeiXinAddContact(wxid, cb)
{   if (typeof WeixinJSBridge == 'undefined') return false;   WeixinJSBridge.invoke('addContact', {   webtype: '1',   username: wxid   }, function(d) {   // 返回d.err_msg取值，d还有一个属性是err_desc   // add_contact:cancel 用户取消   // add_contact:fail　关注失败   // add_contact:ok 关注成功   // add_contact:added 已经关注   WeixinJSBridge.log(d.err_msg);cb && cb(d.err_msg);});
};
//通过微信分享
function WeiXinShareBtn() {   if (typeof WeixinJSBridge == "undefined") {   alert("请先通过微信xxxx");   } else {   WeixinJSBridge.invoke('shareTimeline', {   "title": "xxx",   "link": "xxxx",   "desc": "关注xxx",   "img_url": "xxxx"   });   }
}

在网页上添加微信分享按钮，关注微信号等按钮相关推荐

运用Share.js插件在网页上添加一键分享到微博、微信等
最近做项目遇到一个需求,就是给网站添加一键分享到微博,微信,qq等社交媒体的功能. 想来应该是通过调用一些现成的接口就可以了,这里总结一下运用Share,js来实现的详细步骤具体做法: 1.下载gi ...
微信公众平台开发之在网页上添加分享到朋友圈，关注微信号等按钮
微信公众平台开始支持前端网页,大家可能看到很多网页上都有分享到朋友圈,关注微信等按钮,点击它们都会弹出一个窗口让你分享和关注,这个是怎么实现的呢?今天就给大家讲解下如何在微信公众平台前端网页上添加分享 ...
如何在网页上添加一个微信关注链接？（一键跳转微信关注公众号）！！注意是从外部跳到微信关注...
如何在网页上添加一个微信关注链接?第三方浏览器打开微信的接口,微信只给部分合作平台开放了接口权限,任何第三方想调用只能是通过一些技术手段来请求接口,获取秘钥(ticket).那么如果我们想减少用户从外 ...
解决方案：h5网页外部浏览器唤起微信分享，唤起微信面板，分享朋友圈方案，兼容大部分浏览器
h5网页外部浏览器唤起微信分享,唤起微信面板,分享朋友圈方案,兼容大部分浏览器需求是点击分享按钮,直接唤起微信,发送给好有或者朋友圈.这个需求并不好完成,因为微信并没有对h5网页开放api,但是每个 ...
微信页面关于点击按钮关注公众号被封后的一点变通
项目jsp上遇到了这个问题,Boss要求在微信页面打开时点击按钮关注公众号.开始时使用 <ahref="weixin://profile/你的微信Id">点击关注< ...
网页中获取微信用户是否关注订阅号的思路
网页中要获取微信用户是否关注订阅号,请保证在同一个微信开放平台帐号下有一个服务号,否则可能很难实现. 在平时的业务工程中我们需要了解用户是否关注了微信公众号才能继续往下操作.这种操作对服务号来说是很容 ...
网页上添加聊天工具代码
网页上添加聊天工具代码 (此文是抄载,忘了出处,不能注明,敬请原谅!) 在网页上加QQ,MSN,skype,goolge TALK,雅虎通,贸易通,淘宝旺旺在线客服代码如何在网页上显示腾讯QQ在线洽 ...
「实用」微信扫码 - 关注公众号后网站自动登录
点击上方好好学java ,选择星标公众号重磅资讯.干货,第一时间送达今日推荐:用好Java中的枚举,真的没有那么简单!个人原创+1博客:点击前往,查看更多作者:destiny 链接:htt ...
微信小程序关注公众号模板显示隐藏问题
微信小程序关注公众号模板显示隐藏问题最近做了一个微信小程序内跳转关注公众号的需求,本来按照API的写法是可以直接搞定的.但是产品需求是要点击按钮之后,再弹出关注公众号组件,然后点击关闭按钮之后要关掉 ...