快速開發輕量級App

前端React Native，后臺Node.js，用輕量級架構開發一款直接在AppStore上線的App，只需一周時間！

第1章 課程大綱和App演示

介紹整個課程的內容、業務架構、技術選型以及App的功能演示。

1-1 課程簡介

1-2 App功能演示

1-3 后臺系統演示

第2章 Node.js服務開發

介紹了Node.js環境搭建、JSON數據文件的讀取以及開發了基礎的服務接口。該接口主要提供客戶端（含Native端和PC web端）調用，用于數據展示和數據存儲。

2-1 第二章內容簡介

2-2 Node環境搭建

2-3 Express創建項目

2-4 服務接口設計

2-5 數據讀取接口

2-6 數據存儲接口

2-7 閱讀模塊配置接口

第3章 Node.js開發后臺系統

講解了通過調用第二章的接口，開發簡易的后臺CMS系統。該CMS系統主要用于配置頁面數據和存儲列表數據。

3-1 后臺系統開發講解

3-2 接口&后臺開發總結

第4章 React Native環境搭建和入門

主要講解React Native的環境搭建、項目運行的注意事項以及生命周期的簡單介紹。通過該章，可以簡單快速的了解下React Native的基礎知識。

4-1 React Native環境搭建

4-2 React Native運行項目注意事項

4-3 ReactNative生命周期簡單介紹

第5章 App主體界面框架搭建

第五章是App開發的開端，是App開發的第一步。本章主要介紹搭建App整體的UI框架和實現主體頁面的組件化。

5-1 界面結構搭建(1)

5-2 主體界面組件化

第6章 App 衛生間模塊開發

介紹了衛生間模塊開發。整個功能的核心是使用高德地圖JS-API，例如搜索附近2km以內的衛生間以及展示衛生間的基礎信息。同時為了方便用戶使用App，還開發了路徑導航功能。

6-1 衛生間模塊之WebView組件開發

6-2 衛生間模塊之錯誤提示水平垂直居中

6-3 衛生間之地圖模塊開發

6-4 地圖比例尺位置移動

6-5 定位成功和失敗的事件監聽

6-6 顯示衛生間并導航(上)

6-7 顯示衛生間并導航(下)

6-8 附近的衛生間模擬器演示

第7章 App 工具類封裝

不論是客戶端還是服務端，工具類的封裝是十分必要的。因此針對該應用封裝了工具類，方便其他組件復用。

7-1 工具類的封裝

第8章 App 閱讀模塊開發

閱讀模塊是整個App的重點，主要包括整體功能以及各模塊設計。例如推薦專題的開發、列表數據的渲染、分類組件的開發等等。

8-1 閱讀模塊功能設計

8-2 五大模塊創建和加載

8-3 搜索組件UI開發

8-4 推薦專題完成

8-5 熱門推薦組件UI完成

8-6 分類組件UI開發完成

8-7 推薦主題數據渲染

8-8 分類專題數據渲染

8-9 列表組件數據傳遞

8-10 列表使用listview組件

8-11 數據列表展示

8-12 完善詳情頁

第9章 App 天氣模塊開發

調用了高德地圖開放平臺天氣接口，向用戶展示當前天氣的信息，例如溫度、風向等。

9-1 天氣模塊開發（上）

9-2 天氣模塊開發（中）

9-3 天氣模塊（下）

第10章 App 設置模塊開發

主要提供了App的使用幫助、功能介紹、使用條款等信息。

10-1 設置模塊UI開發

10-2 設置功能開發

第11章 App 打包和上線

介紹了jsbundle 打包和優化加載、現有App的集成以及整體打包上線。

11-1 jsbundle打包和優化加載

11-2 與現有App集成&擴展補充

11-3 整體App效果展示

11-4 證書&打包&結語