微信公众账号添加关注按钮和分享到朋友圈按钮.

用过微信公众账号的应该知道,微信公众账号是可以发布一些HTML网页的,利用这些网页做推广或者广告等等...

今天要和大家分享的..就是如何在微信公众账号发布的页面中调用微信内部的接口来实现关注某个用户或者分享到朋友圈这些功能.

如上图所示:

1. 先说关注他人的实现方法吧,这个很简单,调用weixin协议即可 具体代码如下:

1

<a href="weixin://profile/gh_xxxxxxxx">关注他</a>
这里gh_xxxxxxxx就是用户的原始ID,注意,必须使用原始ID.

 

2. 分享到朋友圈:

其实利用微信公众账号发布的HTML页面最终是利用微信内置的web浏览器打开的,同事在这个浏览器里集成了WeixinJSBridge这个JS对象,利用这个JS对象的一些操作接口可以实现微信应用内的功能.如添加好友,发送消息等等功能.

 

function ShareTofriends(img_url,link,title,desc) {    
        //在HTML页面内嵌入这一段JS代码
    if(window.WeixinJSBridge)
    {
        if( typeof(img_url) == 'undefined' || img_url == "")
        {
            var img_url = "http://www.sample.com/test.jpg";
        }
        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地址','分享的页面链接','分享弹出窗的标题','分享内容的描述')">分享到朋友圈

好了,搞定!