标签：
直接上图，金山的APP“微信导航”，从界面上看有粉丝数等关键数据，实现了直接关注功能，莫不是rest接口？这江湖是大佬们的江湖，小喽啰只有眼馋的份咯。
很早就听说过WeixinJSBridge，不过官方貌似不提倡，先晒晒学习笔记
【Pockey】编辑整理
- //通过关注微信好友
- 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"
- });
- }
- }
复制代码
1. 上面的代码目前在微信内置浏览器才有效果
2. WeiXinAddContact中的微信wxid需要微信的原始id
例如商翼云的微信id:i3eyun,原始id：gh_b15f77615e32，
在iphone版本的微信中使用两种id都能完成正常的关注
但在android版本中如果使用i3eyun这个无法返回，一直停留在“正在关注。。。”，而修改成id：gh_b15f77615e32就正常了
3. 如果用户希望用户在打开页面的时候，直接能弹出关注的对话框
- //init
- function r(f){(typeof WeixinJSBridge == ‘undefined‘||(typeof WeixinJSBridge.invoke == ‘undefined‘))?setTimeout(‘r(‘+f+‘)‘,200):f()}
- r(function(){
- WeiXinAddContact("gh_b15f77615e32");
- });
复制代码
微信内置浏览器会有WeixinJSBridge，但是需要一定的加载时间，WeixinJSBridge 有了之后 WeixinJSBridge.invoke也不一定有，所有看到r这个函数了把。。。（ps:每次打开都弹多不好意思阿，所以需要通过cookie来控 制，WeiXinAddContact回调状态来设置cookie和通过cookie判断是否要执行init的部分的r）
【Denis】分享
- //分享到朋友圈
- 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‘){
- //关注成功，或者已经关注过
- }
- })
- }
复制代码
【jodan179】分享
1. 在微信内置浏览器中可以调用weixin协议链接直接查看某个微信号的资料，例如：
- <a href="weixin://profile/gh_b15f77615e32">商翼云</a>
复制代码
这里gh_xxxxxxxx就是用户的原始ID,注意,必须使用原始ID.
2. 分享到朋友圈:
- function ShareTofriends(img_url,link,title,desc) {
- //在HTML页面内嵌入这一段JS代码
- if(window.WeixinJSBridge){
- if( typeof(img_url) == ‘undefined‘ || img_url == ""){
- var img_url = "xxxx";
- }
- if( typeof(link) == ‘undefined‘ || link == ""){
- var img_url = window.location.href;
- }
- if ( typeof(title) == ‘undefined‘ || title == "" ){
- var title = ‘点开看一下吧!‘;
- }
- if( typeof(desc) == ‘undefined‘ || desc == ""){
- var desc = "wendoscoo";
- }
- WeixinJSBridge.invoke(‘shareTimeline‘,{
- "img_url": img_url,
- //"img_width": "640",
- //"img_height": "640",
- "link": link,
- "desc": desc,
- "title": title
- },function(res){
- // 返回res.err_msg,取值
- // share_timeline:cancel 用户取消
- // share_timeline:fail 发送失败
- // share_timeline:ok 发送成功
- WeixinJSBridge.log(res.err_msg);
- });
- return false;
- } else{
- alert("WeixinJSBridge对象不存在!!");
- }
- };
复制代码
然后同样使用一个a标签实现分享功能,加上onclick时间调用分享的JS函数就可以了
- <a href="javascript:void(0);" onclick="ShareTOfriend(‘分享弹出窗的图片URL地址‘,‘分享的页面链接‘,‘分享弹出窗的标题‘,‘分享内容的描述‘)">分享到朋友圈</a>
复制代码
传说中的WeixinJSBridge和微信rest接口
标签：
原文地址：http://www.cnblogs.com/grimm/p/5489972.html
