【微信公眾平臺】微信公眾號“一鍵關注”Android版實現
阿新 • • 發佈:2019-02-02
微信公眾平臺可以說我是看著他成長起來的,我身邊的朋友也有因為他而翻身奴隸把主做的,但是可惜的是我錯過了最初的機會 ,我是在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) 勵志做一個堅持創新和發現的極客!
個人微信公眾號,後期持續幹活分享,謝謝大家!