一步步教你為網(wǎng)站開(kāi)發(fā)Android客戶(hù)端

注：本文來(lái)自友盟-安卓巴士教程大賽第一名獲獎作品，作者安卓巴士的ID為liupeinye。推薦給所有剛剛開(kāi)始接觸Android開(kāi)發(fā)的朋友們!

本文面向Android初級開(kāi)發(fā)者，有一定的Java和Android知識即可。

文章覆蓋知識點(diǎn)：HttpWatch抓包，HttpClient模擬POST請求，Jsoup解析HTML代碼，動(dòng)態(tài)更新ListView

背景介紹：客戶(hù)端(Client)或稱(chēng)為用戶(hù)端，是指與服務(wù)器相對應，為客戶(hù)提供本地服務(wù)的程序。而android系統上的90%客戶(hù)端軟件都有一個(gè)共性，就是為了改善網(wǎng)頁(yè)在android系統上體驗不佳而生，最具有影響力的軟件有：新浪微博、人人網(wǎng)、淘寶等，這類(lèi)軟件最突出的特點(diǎn)就是，先有網(wǎng)站再有軟件。由于網(wǎng)絡(luò )技術(shù)發(fā)展的多樣性，手機瀏覽器往往無(wú)法跟隨它的步伐，為改善用戶(hù)體驗，網(wǎng)站客戶(hù)端軟件印運而生。

以下內容100%原創(chuàng )，并在安卓巴士論壇首發(fā)，如需轉載，請注明作者和出處。謝謝合作。

開(kāi)發(fā)Android網(wǎng)站客戶(hù)端通常有兩種方法：第一種，通過(guò)服務(wù)端的開(kāi)放平臺，調用提供的API接口來(lái)開(kāi)發(fā)，比如說(shuō)open sina;第二種，服務(wù)端沒(méi)有提供任何接口，你也沒(méi)有服務(wù)端任何數據庫訪(fǎng)問(wèn)權限，就是一個(gè)純純粹粹的網(wǎng)站，要你做客戶(hù)端。今天，我要和大家分享的正是第二種情況。

這是一個(gè)簡(jiǎn)單的示意圖，告訴我們，數據是由網(wǎng)頁(yè)從數據庫中取出，我們要為這個(gè)系統做客戶(hù)端，我們就應該這樣去改造它。

通過(guò)這樣間接的方法來(lái)訪(fǎng)問(wèn)數據庫，只要網(wǎng)頁(yè)能看到的內容，我們的客戶(hù)端都能獲取到，而UI是由你自行制作，就可以使使用體驗上一個(gè)臺階。

既然網(wǎng)頁(yè)是我們的數據樞紐，我們就從網(wǎng)頁(yè)分析著(zhù)手。

該教程來(lái)自本人項目-掌上民大-真實(shí)經(jīng)驗，所以用項目中的”掌上圖書(shū)館”板塊來(lái)示范。

該項目任務(wù)為中南民族大學(xué)圖書(shū)館圖書(shū)查詢(xún)功能制作客戶(hù)端。

首先打開(kāi)該網(wǎng)址http://www.lib.scuec.edu.cn/，我們會(huì )看到主界面

正中間就是查詢(xún)入口，我們輸入”android”進(jìn)行查詢(xún)

得到結果的網(wǎng)頁(yè)，但我們能發(fā)現，這個(gè)頁(yè)面是ILAS圖書(shū)管理系統，所以真正的入口并不是上面紅圈的地方。

所以我繼續找，經(jīng)過(guò)短暫的觀(guān)察，發(fā)現入口在這里

我們點(diǎn)擊進(jìn)入

果然就是這貨，我們點(diǎn)擊書(shū)目查詢(xún)

就是它了。真正的入口就在這里，這時(shí)我們打開(kāi)HttpWatch軟件，點(diǎn)”Record”，在搜索框里輸入”android”，點(diǎn)擊查詢(xún)，抓取以”android”為關(guān)鍵字搜索時(shí)瀏覽器的所有包。待結果界面載入完成后，HttpWatch上就會(huì )出現如下信息

我們先看Summary選項卡，我們可以初步了解，這是一個(gè)POST請求(Http請求中的一種，另一種是GET)，POST到的網(wǎng)址是http://coin.lib.scuec.edu.cn/cgi-bin/IlaswebBib。

這樣我們的思路就清晰了，我們的客戶(hù)端需要模擬瀏覽器，向上述地址POST一個(gè)包，那個(gè)地址肯定會(huì )返回一個(gè)Content給我們，不出意外的話(huà)，Content里面就是我們要的書(shū)目信息。那么，瀏覽器POST上去的內容是什么呢?我們點(diǎn)擊這條POST請求，看詳細信息，

由于是POST請求，我們先看POST DATA，里面是以鍵值對的形式存儲的，這里顯示了我們?yōu)g覽器在我們搜索”android”時(shí)，POST的所有數據。那這些鍵值對又代表了什么呢，我們打開(kāi)這個(gè)網(wǎng)頁(yè)的源碼來(lái)一探究竟。

從這段可以看出v_index是表示查找途徑的它有TITLE,AUTHOR,SUBJECT,CLASSNO,ISBN,CALLNO六種值

FLD_DAT_BEG和FLD_DAT_END分別是開(kāi)始和結束年份

v_value表示用戶(hù)在搜索框中輸入的內容

v_paggnum表示每頁(yè)顯示的書(shū)目條數，有10 15 20三種

v_seldatabases是檢索庫 有0 1 2三種值v_LogicSrch是檢索方式 有0 1兩種值