手把手教你做個人 app 其它頭條網

我們都知道，開發一個app很大程度依賴服務端：服務端提供接口數據，然後我們展示；另外，開發一個app，還需要美工協助切圖。沒了接口，沒了美工，app似乎只能做成單機版或工具類app，真的是這樣的嗎？先來展示下我的個人app，沒有服務端，沒有美工完成的，換言之，我幹了所有人的活：

這個app叫“微言”，他對於我意義很重大，最初微言只是我一個練手的項目，剛剛工作，技術有限，微言只是sqlite記事本類app，只能本地操作，後來慢慢演變現在幾近完美的app，從中我學到很多，熟悉了立項到上線的整個流程，最新技術得以實踐，從一個程序猿思維從而向產品思維轉變，簡單的Photoshop等。當然長期的積累自然會帶來經濟方面的收益，這裡秀下我的app廣告收益，我的所有app之和：

最多一個月4000多，4000多什麼概念，比我當時薪資都高呢，這些“成就”有了我可以在此吹牛的資本，哈哈哈！

接下來，我一一分析，帶您完成這樣的一個完整的app。

沒有服務端

jsoup

我無意聽到大牛同事說到解析html，比較有興趣去搜索這是什麼玩意兒，知道了一個強大的東西jsoup，jsoup能解析html，即網站，於是我的微言脫離了單機版。對用戶而言，他不在乎數據從何而來，管您是從接口取的還是解析html，他們關心的是app體驗和功能的完善。我就這樣瞞天過海，數據取之網頁了，群裡之前太多人太多人問我用的什麼服務器，回覆太多次解析html後就不願意再回復了。

我選擇這種方式有個最大的好處就是數據不需要本人維護，巧妙地避開了我不會服務端開發，更不需要做接口；解析html也有個最大的弊端，一旦對方網站節點變化了，或許您的app就掛了，必須及時去更新。

使用方法

步驟一：

首先網絡請求，這裡用的Retrofit，具體見：Android MVP+Retrofit+RxJava實踐小結。以解析我的博客http://wuxiaolong.me/ 示例，可以拿到類似以下數據：

手把手教你做個人 app

在谷歌瀏覽器，我的博客頁面點擊右鍵-查看網頁源代碼（V），同樣看到以上數據。

步驟二：

1、app/build.gradle

compile 'org.jsoup:jsoup:1.10.1'

2、解析html

要訣：多觀察html節點、標籤。

先觀察我們要解析的數據（以我的博客http://wuxiaolong.me/ 示例），首頁分別有標題、發表時間、文章分類、文章評論、文章摘要5個元素谷歌瀏覽器，我們這次只需要標題、發表時間、文章摘要；可以看到我的博客是分頁，第一頁網址是http://wuxiaolong.me 和第二頁網址卻是http://wuxiaolong.me/page/2/ ，之後區別就是頁碼，因此app做分頁的話要判斷第一頁和其他頁，最終我做成的效果：

手把手教你做個人 app

我們一一分析，關於jsoup語法，這裡不說，見 jsoup官網。

（1）標題數據結構如下：

觀察可根據class="post-title"的getElementsByClass解析：

//responseBody是retrofit網絡請求返回的，轉成String，即我們需要解析的數據Document document = Jsoup.parse(new String(responseBody.bytes(), "UTF-8"));List<element> titleElementList = new ArrayList<>();Elements titleElements = document.getElementsByClass("post-title-link");for (Element element : titleElements) {
titleElementList.add(element);
//text拿到文本，如這裡的“Android App Shortcuts”
LogUtil.d("text=" + element.text());
//拿到href屬性值，如這裡“/2016/10/31/AppShortcuts/”，即博客鏈接，如果跳轉詳情需要加上“http://wuxiaolong.me”
LogUtil.d("href=" + element.attr("href"));}/<element>

（2）發表時間數據結構如下：

發表於<time>2016-10-31/<time>

List<element> timeElementList = new ArrayList<>();Elements timeElements = document.getElementsByClass("post-time");for (Element element : timeElements) {
//這裡通過解析"time"標籤，然後取文本，即“2016-10-31”
LogUtil.d("time=" + element.getElementsByTag("time").text());
timeElementList.add(element);}/<element>

 簡介
 
Android 7.1允許您定義應用程序中特定操作的快捷方式。這些快捷鍵可以顯示桌面，例如Nexus和Pixel設備。快捷鍵可讓您的用戶在應用程序中快速啟動常見或推薦的任務。
每個快捷鍵引用一個或多個意圖，每個意圖在用戶選擇快捷方式時在應用程序中啟動特定操作。可以表達為快捷方式的操作示例包括：

List<element> bodyElementList = new ArrayList<>();Elements bodyElements = document.getElementsByClass("post-body");for (Element element : bodyElements) {
//這裡用text()只是拿到文本，但我想要直接返回html標籤，很好，jsoup有html()方法。
LogUtil.d("body=" + element.html());
bodyElementList.add(element);}/<element>

private void loadMyBlog() {
Call<responsebody> call;
//分頁處理
if (page == 1) {
call = apiStores.loadMyBlog();
} else {
call = apiStores.loadMyBlog(page);
}
call.enqueue(new RetrofitCallback<responsebody>() {
@Override
public void onSuccess(ResponseBody responseBody) {
try {
Document document = Jsoup.parse(new String(responseBody.bytes(), "UTF-8"));
List<element> titleElementList = new ArrayList<>();
Elements titleElements = document.getElementsByClass("post-title-link");
for (Element element : titleElements) {
titleElementList.add(element); 

//LogUtil.d("text=" + element.text());
//LogUtil.d("href=" + element.attr("href"));
}
List<element> timeElementList = new ArrayList<>();
Elements timeElements = document.getElementsByClass("post-time");
for (Element element : timeElements) {
//LogUtil.d("time=" + element.getElementsByTag("time").text());
timeElementList.add(element);
}
//Elements categoryElements = document.getElementsByClass("post-category");
//for (Element element : categoryElements) {
// LogUtil.d("category=" + element.getElementsByTag("a").text());
//}
List<element> bodyElementList = new ArrayList<>();
Elements bodyElements = document.getElementsByClass("post-body");
for (Element element : bodyElements) {
LogUtil.d("body=" + element.html());
bodyElementList.add(element);
}
if (page == 1) {
dataAdapter.clear();
}
dataAdapter.addAll(titleElementList, timeElementList, bodyElementList);
if (titleElementList.size() < 8) {
//因為我的博客一頁8條數據，當小於8時，說明沒有下一頁了
pullLoadMoreRecyclerView.setHasMore(false);
} else {
pullLoadMoreRecyclerView.setHasMore(true);
}
} catch (Exception e) {
e.printStackTrace();
}
}
@Override
public void onFailure(int code, String msg) {
toastShow(msg);
}
@Override
public void onThrowable(Throwable t) {
toastShow(t.getMessage());
}
@Override
public void onFinish() {
pullLoadMoreRecyclerView.setPullLoadMoreCompleted();
}
});
addCalls(call);}/<element>/<element>/<element>/<responsebody>/<responsebody>