在网页上添加分享到朋友圈、发送给好友、分享等按钮-网页分享到朋友圈

[[70148]]

微信内嵌浏览器

通过 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 
    });  
} 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.

发送给好友

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 
    }); 
} 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.

分享到腾讯微博

function weixinShareWeibo(title,link){ 
    WeixinJSBridge.invoke('shareWeibo',{ 
        "content":title + link, 
        "url":link 
    }); 
} 
1.
2.
3.
4.
5.
6.

关注指定的微信号

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'){ 
            //关注成功，或者已经关注过 
        } 
    }) 
} 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.