為你的App增加WIFI認(rèn)證檢測野芒,讓用戶體驗更加絲滑

前言

前段時間在上海坐地鐵時連接了花生地鐵WIFI呜师,打開QQ音樂開始聽歌面徽,QQ音樂居然給了我一個"WIFI認(rèn)證提醒"的彈窗,點擊認(rèn)證就跳轉(zhuǎn)到了花生地鐵WIFI的認(rèn)證頁匣掸,之后順利聯(lián)網(wǎng)成功趟紊,體驗非常爽。作為一名iOS開發(fā)碰酝,不禁思考這個是怎么做到的呢霎匈?忘記WIFI重新連接后,打開手機(jī)里各個應(yīng)用輪番測試一遍送爸,發(fā)現(xiàn)QQ音樂铛嘱、QQ、QQ空間三個應(yīng)用都做了比較好的WIFI認(rèn)證提示:

成功提示.png

而其它的大應(yīng)用如微信袭厂、手淘墨吓、支付寶、釘釘纹磺、美團(tuán)帖烘、點評、愛奇藝橄杨、百度地圖等則都沒有給出認(rèn)證提醒秘症,而是提示我檢查網(wǎng)絡(luò)設(shè)置等,說明許多App都沒重視到這個細(xì)節(jié)式矫,而其實現(xiàn)在這種場景還是很多的乡摹,比如花生地鐵WIFI、i-Shanghai采转、i-hangzhou聪廉、alibaba-guest和其它許多公共場所的WIFI,還是有必要做一個優(yōu)化~

失敗提示.png

關(guān)于Captive Portal

經(jīng)過一番調(diào)研,這種需認(rèn)證才能使用的WIFI板熊,使用的是Captive Portal機(jī)制框全,中文通常譯作“強(qiáng)制主頁”或“強(qiáng)制登錄門戶”,一個Captive Portal是一個Web登錄頁面邻邮,通常由網(wǎng)絡(luò)運(yùn)營商或網(wǎng)關(guān)在用戶能夠正常訪問互聯(lián)網(wǎng)之前攔截用戶的請求并將一個強(qiáng)制登錄或認(rèn)證主頁呈現(xiàn)(通常是通過瀏覽器)給用戶竣况。該頁面可能要求用戶輸入認(rèn)證信息克婶、支付筒严、接受某些條款或者其他用戶授權(quán)等,隨后用戶才能被授權(quán)訪問互聯(lián)網(wǎng)情萤。該技術(shù)廣泛用于移動和個人寬帶服務(wù)鸭蛙,包括有線電視、商業(yè)WiFi筋岛、家庭熱點等娶视,也可用于訪問企業(yè)和住宅區(qū)有線網(wǎng)絡(luò)。詳細(xì)可參看wiki:https://en.wikipedia.org/wiki/Captive_portal

大多數(shù)需認(rèn)證WIFI實現(xiàn)Captive Portal是通過HTTP重定向的方式睁宰,也有一些是通過DNS劫持或ICMP重定向的方式肪获。

如何檢測Captive Portal

iOS和Android系統(tǒng)其實早就實現(xiàn)了Captive Portal的檢測機(jī)制,只是有一些WIFI會繞過這樣機(jī)制柒傻。就需要我們額外再做一次檢測了孝赫。

詳細(xì)可參看:
關(guān)于Apple的Captive Network Assistant
Bypasses Apple Captive Network Assistant Login in iOS 7

根據(jù)Captive Portal的實現(xiàn)方式和特點,我們有以下兩種常用檢測方法:( 歡迎補(bǔ)充~ )

1. 判斷網(wǎng)頁的host是否完全變了

由于連接了需認(rèn)證WIFI后红符,通過瀏覽器訪問任何網(wǎng)頁都會得到Captive Portal頁面青柄,所以對于iOS應(yīng)用,一個比較簡單的檢測方法是用WKWebView加載某一個網(wǎng)頁预侯,在decidePolicyForNavigationAction代理方法里致开,拿到navigationAction.request.URL看host是不是完全變了,如果完全變了即可判斷當(dāng)前WIFI需要認(rèn)證萎馅。

- (void)webView:(WKWebView *)webView decidePolicyForNavigationAction:(WKNavigationAction *)navigationAction decisionHandler:(void (^)(WKNavigationActionPolicy))decisionHandler {
    decisionHandler(WKNavigationActionPolicyAllow);
    
    self.trueUrl = navigationAction.request.URL;
    if (self.openTestMode) {
        // 測試用 這個url是上核粒花生地鐵wifi的認(rèn)證頁,連上上好臃迹花生地鐵wifi后拣技,未認(rèn)證時訪問所有網(wǎng)頁都會被重定向到該地址
        self.trueUrl= [NSURL URLWithString:@"http://portal.wifi8.com/wifiapp"];
    }
    if ([self.trueUrl.host containsString:@"baidu.com"]) {
        if (_networkCheckComplection) {
            _networkCheckComplection(NO);
            _networkCheckComplection = nil;
        }
    } else { // 網(wǎng)頁被重定向到了self.trueUrl,wifi需要認(rèn)證
        if (_networkCheckComplection) {
            _networkCheckComplection(YES);
            _networkCheckComplection = nil;
        }
        
        if (_needAlert) {
            UIAlertView *alert = [[UIAlertView alloc] initWithTitle:@"WI-FI認(rèn)證提醒" message:@"檢測到當(dāng)前WI-FI需要認(rèn)證才能使用耍目,請嘗試去認(rèn)證網(wǎng)絡(luò)" delegate:self cancelButtonTitle:@"取消" otherButtonTitles:@"認(rèn)證", nil];
            [alert show];
            _needAlert = NO;
        }
    }
}

Android端的檢測也可以采用這樣的方式膏斤,具體可參看google的文檔:https://developer.android.com/reference/java/net/HttpURLConnection.html ,其中提到的判斷機(jī)制如下:

圖片.png

有一點需要注意的是邪驮,判斷host完全相等不是特別合適莫辨,比如在WKWebView里訪問http://www.baidu.com ,可能會被重定向到http://m.baidu.com ,這樣則不屬于WIFI需要認(rèn)證的情況沮榜。

2. 訪問特定網(wǎng)頁盘榨,判斷HTTP狀態(tài)碼

也可以通過判斷HTTP狀態(tài)碼的方式來檢測Captive Portal。比如訪問google提供的一個空白網(wǎng)頁http://clients1.google.com/generate_204 蟆融,如果返回的HTTP狀態(tài)碼是204草巡,則可判斷當(dāng)前網(wǎng)絡(luò)無需認(rèn)證,否則需要提醒用戶認(rèn)證網(wǎng)絡(luò)型酥。

詳細(xì)可參看:
關(guān)于Android的captive portal

檢測Captive Portal的iOS版Demo

基于判斷host的方式山憨,我寫了一個檢測Captive Portal的小Demo放在了github,其中用于Captive Portal檢測的工具類是CaptivePortalCheck弥喉,沒有任何外部依賴郁竟,即拿即用,歡迎嘗試~

文中內(nèi)容如有不對由境,歡迎指正~

粘貼圖片3.png
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末棚亩,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子虏杰,更是在濱河造成了極大的恐慌讥蟆,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,858評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件纺阔,死亡現(xiàn)場離奇詭異瘸彤,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)州弟,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,372評論 3 395
  • 文/潘曉璐 我一進(jìn)店門钧栖,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人婆翔,你說我怎么就攤上這事拯杠。” “怎么了啃奴?”我有些...
    開封第一講書人閱讀 165,282評論 0 356
  • 文/不壞的土叔 我叫張陵潭陪,是天一觀的道長。 經(jīng)常有香客問我最蕾,道長依溯,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,842評論 1 295
  • 正文 為了忘掉前任瘟则,我火速辦了婚禮黎炉,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘醋拧。我一直安慰自己慷嗜,他們只是感情好淀弹,可當(dāng)我...
    茶點故事閱讀 67,857評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著庆械,像睡著了一般薇溃。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上缭乘,一...
    開封第一講書人閱讀 51,679評論 1 305
  • 那天沐序,我揣著相機(jī)與錄音,去河邊找鬼堕绩。 笑死策幼,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的逛尚。 我是一名探鬼主播垄惧,決...
    沈念sama閱讀 40,406評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼刁愿,長吁一口氣:“原來是場噩夢啊……” “哼绰寞!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起铣口,我...
    開封第一講書人閱讀 39,311評論 0 276
  • 序言:老撾萬榮一對情侶失蹤滤钱,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后脑题,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體件缸,經(jīng)...
    沈念sama閱讀 45,767評論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,945評論 3 336
  • 正文 我和宋清朗相戀三年叔遂,在試婚紗的時候發(fā)現(xiàn)自己被綠了他炊。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,090評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡已艰,死狀恐怖痊末,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情哩掺,我是刑警寧澤凿叠,帶...
    沈念sama閱讀 35,785評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站嚼吞,受9級特大地震影響盒件,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜舱禽,卻給世界環(huán)境...
    茶點故事閱讀 41,420評論 3 331
  • 文/蒙蒙 一炒刁、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧誊稚,春花似錦翔始、人聲如沸飒筑。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,988評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽协屡。三九已至,卻和暖如春全谤,著一層夾襖步出監(jiān)牢的瞬間肤晓,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,101評論 1 271
  • 我被黑心中介騙來泰國打工认然, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留补憾,地道東北人。 一個月前我還...
    沈念sama閱讀 48,298評論 3 372
  • 正文 我出身青樓卷员,卻偏偏與公主長得像盈匾,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子毕骡,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,033評論 2 355

推薦閱讀更多精彩內(nèi)容