【微信公众平台】微信公众号“一键关注”Android版实现

最新推荐文章于 2024-08-23 17:36:44 发布

原创最新推荐文章于 2024-08-23 17:36:44 发布 · 5.7k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#微信公众平台 #微信 #二维码 #一键关注

微信公众平台专栏收录该内容

2 篇文章

订阅专栏

微信公众平台可以说我是看着他成长起来的，我身边的朋友也有因为他而翻身奴隶把主做的，但是可惜的是我错过了最初的机会，我是在2013年开始接触到微信公众平台，当时他还只是一个幼崽，开始我一头栽入其中并不断的挖掘其中的万种可能，就像是在沙漠中遇到了绿洲一样，但是由于后期工作时间的原因，和他渐渐疏远了一段时间，可能也正是这样我错过了其中发展最快的时间，后面的14年的6月份以后的时间里我终于又回到我梦开始的地方—–微信公众平台开发的岗位！经过一年多的积累和这大半年的真实演练也算是积累了一些，所以决定在这里一点点的和大家一起分享分享，作为第一次来分享，就直接来点劲爆的吧，他在13年被疯狂使用、在14年被腾讯封杀、在15年初被再次探索出来—–他就是【一键关注】

废话有点多了，先上案例，这是我地址生成出来的二维码，可以扫描做个测试地址是：http://cms.weixinbbc.com/yj/guanzhu.html，pc端打开无效

我相信你现在如果还在接着按我的文章的话，你一定是已经扫过了二维码做过了真实的验证，所以下面我们直接来分享我们的【一键关注代码】上代码：

<span style="font-size:24px;"><!DOCTYPE html>
	<html lang="zh-CN">
	<head><meta charset="utf-8">
	<title>一键关注崔用志</title>
	<meta name="description" content="快来关注哇" />
	<script type="text/javascript">
	    // 对浏览器的UserAgent进行正则匹配，不含有微信独有标识的则为其他浏览器
	    var useragent = navigator.userAgent;
	    if (useragent.match(/MicroMessenger/i) != 'MicroMessenger') {
	        // 这里警告框会阻塞当前页面继续加载
	        //alert('已禁止本次访问：微信搜索"崔用志"在微信菜单中访问！');
	        // 以下代码是用javascript强行关闭当前页面
	        window.location.href = "http://cms.weixinbbc.com/yj/erweima.html";
	    }
	var browser = {
	versions: function () {
	var u = navigator.userAgent, app = navigator.appVersion;
	return { //移动终端浏览器版本信息 
	ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端 
	iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器 
	iPad: u.indexOf('iPad') > -1, //是否iPad 
	};
	}(),
	}
	if (browser.versions.iPhone || browser.versions.iPad || browser.versions.ios) {
	window.location.href = "http://cms.weixinbbc.com/yj/erweima.html";
	}
	</script>
	<body>
	<script type="text/javascript">
	 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); });
	 };
	</script>
	<a id="clickMe" data-cke-saved-href="weixin://profile/gh_b0e786703441" href="weixin://profile/gh_b0e786703441" onclick="WeiXinAddContact
	('<span style=" background-color:#ff0000;"="">
	<a href="weixin://profile/gh_b0e786703441" onclick="WeiXinAddContact('<span style=" background-color:#ff0000;"="">
	<script type="text/javascript">
	setTimeout(function() {
	
		if(document.all) {
			document.getElementById("clickMe").click();
		}
	
		else {
			var e = document.createEvent("MouseEvents");
			e.initEvent("click", true, true);
			document.getElementById("clickMe").dispatchEvent(e);
		}
	}, 0);
	</script>
	</body>
	</html></span>

大家可能看到了这个其实是一个页面的代码，在这其中最关键的代码也就几个方法，下面将他单独拿出来给大家利用：

<span style="font-size:24px;">	function
	WeiXinAddContact(wxid) {    
	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);                    
	
	});
	
	}
	
	</script>
	使用方法：<a href="#" onclick="WeiXinAddContact('gh_b0e786703441')">关注</a>
	
	href="weixin://profile/gh_b0e786703441"</span>

谢谢大家，接下来我会继续为大家分享自己的心得和平台的最新方法，公众号：【崔用志】（IT-cuiyongzhi）励志做一个坚持创新和发现的极客！

个人微信公众号，后期持续干活分享，谢谢大家！