30天App開發(fā)從0到1：APICloud移動開發(fā)實戰(zhàn)

第　一部分 基礎教程：如何從零起步開發(fā)一款App
第　1章 APICloud App開發(fā)流程　3
1．1　APICloud平臺介紹　4
1．1．1　查看APICloud平臺能力　4
1．1．2　開發(fā)模式、技術語言和平臺定位　6
1．1．3　技術、產(chǎn)品、生態(tài)、案例和商業(yè)模式　10
1．1．4　開發(fā)者服務體系　10
1．1．5　新手入門APICloud應用開發(fā)　14
1．2　體驗完整項目的開發(fā)流程　15
1．2．1　注冊APICloud賬號　15
1．2．2　創(chuàng)建一個App項目　15
1．2．3　編輯項目　18
1．2．4　調(diào)試項目　18
1．2．5　編譯項目　21
1．3　小結(jié)　22
第　2章 搭建App整體框架，完成App靜態(tài)頁面開發(fā)　23
2．1　啟動　25
2．1．1　APICloud App執(zhí)行流程　25
2．1．2　Widget和Window　26
2．1．3　App config．xml配置文件使用　26
2．1．4　APICloud引擎的兩個重要事件　27
2．2　APICloud應用設計思想　27
2．3　界面和導航　28
2．3．1　APICloud應用的UI組成結(jié)構(gòu)　28
2．3．2　APICloud界面布局5大組件　29
2．3．3　APICloud混合渲染模式　30
2．3．4　查看APICloud引擎api對象功能　32
2．3．5　屏幕適配　33
2．3．6　前端框架　33
2．3．7　狀態(tài)欄處理　34
2．3．8　iPhone X的狀態(tài)欄處理　35
2．3．9　優(yōu)化點擊事件和tapmode　37
2．3．10　靜態(tài)頁面中建議遵循的布局方法　37
2．4　搭建App整體框架，完成App靜態(tài)頁面開發(fā)　38
2．4．1　創(chuàng)建首頁的標題欄和Tab標簽組　38
2．4．2　制作Tab頁面并添加點擊事件和動畫效果　43
2．4．3　制作懸浮購物車信息欄　48
2．4．4　跳轉(zhuǎn)到登錄頁面　51
2．4．5　城市選擇菜單和事件通信　52
2．5　小結(jié)　55
第3章　聯(lián)調(diào)前后端數(shù)據(jù)接口，實現(xiàn)App數(shù)據(jù)從服務端動態(tài)獲取　56
3．1　APICloud提供的數(shù)據(jù)通信能力和相關API　57
3．1．1　APICloud支持的通信協(xié)議　57
3．1．2　用于HTTP通信的主要API　57
3．2　APICloud數(shù)據(jù)云　58
3．2．1　APICloud數(shù)據(jù)云的用途　58
3．2．2　APICloud數(shù)據(jù)云的特點　58
3．3　聯(lián)調(diào)前后端數(shù)據(jù)接口，實現(xiàn)App數(shù)據(jù)從服務端動態(tài)獲取　59
3．3．1　實現(xiàn)用戶注冊功能　59
3．3．2　實現(xiàn)用戶登錄功能　60
3．3．3　獲取商品列表數(shù)據(jù)　62
3．3．4　顯示商品列表　63
3．4　小結(jié)　64
第4章　加載更新服務端數(shù)據(jù)，實現(xiàn)本地的數(shù)據(jù)存儲　65
4．1　使用doT模板引擎　66
4．2　本地存儲和圖片緩存　67
4．2．1　uzStorage　67
4．2．2　偏好設置　67
4．2．3　文件　68
4．2．4　database　69
4．2．5　存儲容量　69
4．2．6　沙箱機制　70
4．2．7　資源訪問協(xié)議　70
4．2．8　圖片緩存　71
4．3　下拉刷新、上拉加載的實現(xiàn)　71
4．3．1　下拉刷新　72
4．3．2　上拉加載　72
4．4　事件機制　72
4．4．1　統(tǒng)一事件管理　72
4．4．2　事件管理API　73
4．4．3　平臺事件類型　74
4．5　常用對話框窗口　75
4．6　在指定的窗口中執(zhí)行腳本　76
4．7　加載更新服務端數(shù)據(jù)，實現(xiàn)本地的數(shù)據(jù)存儲　77
4．7．1　使用doT模板引擎顯示商品列表　77
4．7．2　實現(xiàn)圖片緩存　78
4．7．3　實現(xiàn)下拉刷新　79
4．7．4　實現(xiàn)上拉加載更多　81
4．7．5　實現(xiàn)保存登錄信息　82
4．7．6　實現(xiàn)清除緩存　84
4．8　小結(jié)　85
第5章　使用擴展模塊API，完成App所需功能實現(xiàn)　86
5．1　APICloud擴展模塊　87
5．1．1　APICloud端引擎架構(gòu)　87
5．1．2　APICloud模塊調(diào)用過程　88
5．2　自定義模塊　88
5．3　使用UIScrollPicture　89
5．4　使用UIInput　91
5．5　使用UIActionSelector　92
5．6　多媒體相關模塊使用　96
5．7　使用擴展模塊API，實現(xiàn)App所需功能　96
5．7．1　實現(xiàn)商品詳情頁輪播圖　96
5．7．2　使用UIInput實現(xiàn)原生輸入框　100
5．7．3　實現(xiàn)三級聯(lián)動的城市選擇器　101
5．7．4　實現(xiàn)頭像上傳　103
5．8　小結(jié)　105
第6章　使用第三方開放服務模塊，完善App功能和業(yè)務邏輯　106
6．1　集成第三方服務　107
6．2　目前APICloud已經(jīng)集成的第三方服務模塊　107
6．3　自定義AppLoader　108
6．3．1　自定義AppLoader與官方AppLoader的區(qū)別　108
6．3．2　為什么要使用自定義AppLoader　109
6．3．3　編譯生成自定義AppLoader　109
6．4　第三方服務模塊使用流程　110
6．5　百度地圖模塊的接入和使用　110
6．5．1　申請應用ID和Key　110
6．5．2　配置ID和Key　112
6．5．3　百度地圖的常用API　112
6．6　微信分享與登錄的接入和使用　114
6．6．1　申請ID和Key　114
6．6．2　配置ID和Key　114
6．6．3　微信分享模塊的常用API　114
6．7　個推推送的接入和使用　117
6．7．1　申請ID和Key　117
6．7．2　配置ID和Key　117
6．7．3　個推模塊的常用方法　117
6．8　支付寶支付模塊的接入和使用　118
6．8．1　申請應用ID和Key　118
6．8．2　配置應用ID和Key　118
6．8．3　支付寶模塊的常用API　119
6．9　使用第三方開放服務模塊，完善App功能和業(yè)務邏輯　119
6．9．1　獲取當前城市　119
6．9．2　根據(jù)輸入內(nèi)容檢索地址列表　121
6．9．3　使用個推進行消息推送　123
6．10　小結(jié)　124
第7章　使用APICloud應用管理服務，實現(xiàn)App發(fā)布和運營　125
7．1　編譯生成App安裝包　126
7．1．1　云編譯　126
7．1．2　代碼全包加密　127
7．1．3　擴展API調(diào)用安全配置　127
7．2　版本管理　128
7．2．1　在APICloud控制臺管理版本　128
7．2．2　Config文件相關配置　129
7．2．3　mam模塊　129
7．3　云修復　130
7．3．1　Config文件相關配置和mam模塊　130
7．3．2　制作并發(fā)布云修復包　130
7．3．3　相關API使用　131
7．4　閃屏廣告　131
7．4．1　在APICloud控制臺使用閃屏廣告　132
7．4．2　相關API使用　132
7．5　優(yōu)化策略　133
7．5．1　了解HTML5特性　133
7．5．2　窗口結(jié)構(gòu)　133
7．5．3　頁面加載速度　134
7．5．4　不用重型框架　134
7．5．5　屏幕適配　134
7．5．6　數(shù)據(jù)加載　134
7．5．7　圖片處理　135
7．5．8　交互響應速度　135
7．5．9　尊重系統(tǒng)特性　135
7．6　編碼規(guī)范　135
7．7　Widget管理　136
7．7．1　多Widget架構(gòu)　136
7．7．2　主Widget　137
7．7．3　子Widget　137
7．7．4　Widget管理相關API使用　137
7．8　SuperWebView　138
7．8．1　SuperWebView介紹　138
7．8．2　SuperWebView特點　138
7．9　使用APICloud應用管理服務，實現(xiàn)App的發(fā)布和運營管理　138
7．9．1　編譯App　139
7．9．2　版本發(fā)布　139
7．9．3　使用云修復　139
7．9．4　閃屏廣告　140
7．10　小結(jié)　140
第二部分　實戰(zhàn)技巧：如何開發(fā)一款優(yōu)質(zhì)的App
第8章　如何與眾不同　143
8．1　自定義樣式的日期選擇器　144
8．1．1　使用模塊UICustomPicker　144
8．1．2　開發(fā)流程及要點概述　145
8．2　自動義樣式的三級聯(lián)動城市選擇器　149
8．2．1　使用模塊：UILinkedPicker　150
8．2．2　開發(fā)流程及要點概述　150
8．3　實現(xiàn)固定不動的下拉篩選菜單　152
8．4　滑動頁面動態(tài)改變導航條顏色　155
8．4．1　實現(xiàn)思路　155
8．4．2　知識點說明　155
8．4．3　核心部分代碼　155
8．5　實現(xiàn)高斯模糊的背景圖片　156
8．6　精致0．5 px細線的實現(xiàn)　158
8．7　小結(jié)　159
第9章　挖掘API潛力　160
9．1　深入挖掘Frame的各種應用場景　161
9．1．1　模擬頁面按鈕　161
9．1．2　模擬窗口組件　161
9．1．3　模擬側(cè)滑窗口　163
9．2　使用UIScrollPicture模塊開發(fā)引導頁　164
9．2．1　概述　165
9．2．2　實現(xiàn)思路　165
9．3　使用photoBrowser模塊實現(xiàn)自定義樣式的圖片瀏覽功能　167
9．3．1　概述　167
9．3．2　自定義樣式圖片瀏覽器功能實現(xiàn)步驟　168
9．4　使用UIInput模塊實現(xiàn)自定義搜索界面　170
9．4．1　概述　170
9．4．2　自定義搜索界面實現(xiàn)步驟　170
9．5　使用UIChatBox模塊實現(xiàn)聊天界面　172
9．5．1　概述　172
9．5．2　UIChatBox 模塊實現(xiàn)聊天界面實現(xiàn)步驟　173
9．6　使用api．a(chǎn)jax進行網(wǎng)絡請求　176
9．7　小結(jié)　179
第　10章 超級實用技巧　180
10．1　如何讓頁面動態(tài)適配有虛擬按鍵欄的Android手機　181
10．2　獲取手機驗證碼功能的實現(xiàn)　182
10．3　打開一個外部鏈接作為新的頁面，并設置樣式以及事件監(jiān)聽　184
10．4　實現(xiàn)更換皮膚功能　186
10．5　實現(xiàn)多語言切換功能　187
10．6　調(diào)用任意App　189
10．6．1　URL Scheme應用場景　189
10．6．2　URL Scheme在APICloud中的應用　189
10．7　數(shù)據(jù)表格的快速開發(fā)　191
10．7．1　使用APICloud模塊實現(xiàn)數(shù)據(jù)表格的開發(fā)　192
10．7．2　使用第三方JavaScript框架實現(xiàn)數(shù)據(jù)表格的開發(fā)　193
10．8　apiready與window．onload的平衡使用　194
10．8．1　apiready與window．onload區(qū)別　194
10．8．2　apiready與window．onload的使用時機　194
10．8．3　應用實例　195
10．9　地圖模塊的實用擴展：在地圖上添加自定義按鈕　196
10．10　地圖搜索的高級應用：如何獲取城市地鐵線路列表　198
10．10．1　需求分解　198
10．10．2　功能實現(xiàn)　198
10．11　極光推送的快速實現(xiàn)　200
10．11．1　獲取App包名　200
10．11．2　獲取極光推送AppKey　201
10．11．3　配置極光推送模塊　202
10．11．4　在代碼中監(jiān)聽推送消息　202
10．11．5　開始推送　203
10．12　小結(jié)　204
第　11章 性能優(yōu)化探索　205
11．1　用imageCache緩存圖片　206
11．2　數(shù)據(jù)不要從DOM上獲取　208
11．3　流暢的用戶登錄體驗　210
11．3．1　程序員的思維習慣　210
11．3．2　正確的做法　211
11．3．3　關鍵代碼實現(xiàn)　211
11．4　合理使用同步/異步接口　212
11．4．1　JavaScript的同步/異步機制　212
11．4．2　異步的優(yōu)勢　213
11．4．3　應用實例　214
11．5　小結(jié)　215
第　12章 調(diào)試技巧　216
12．1　調(diào)試技巧：使用Charles查看網(wǎng)絡請求　217
12．1．1　查看HTTP請求　217
12．1．2　查看HTTPS請求　219
12．2　調(diào)試技巧：使用Charles模擬網(wǎng)絡請求　222
12．2．1　請求示例代碼　222
12．2．2　構(gòu)建模擬數(shù)據(jù)　223
12．2．3　使用本地文件作為接口返回值　224
12．3　調(diào)試技巧：使用Safari斷點調(diào)試iOS應用　226
12．3．1　從APICloud官網(wǎng)編譯安裝自定義AppLoader　226
12．3．2　顯示桌面Safari瀏覽器的“開發(fā)”菜單　226
12．3．3　開啟iOS設備的Web檢查器功能　226
12．3．4　把待調(diào)試代碼同步到AppLoader　227
12．3．5　Safari斷點調(diào)試iOS應用　228
12．4　調(diào)試技巧：使用Chrome斷點調(diào)試Android應用　229
12．4．1　從APICloud官網(wǎng)安裝AppLoader　230
12．4．2　在Android手機上開啟USB調(diào)試　231
12．4．3　把待調(diào)試代碼同步到AppLoader　231
12．4．4　在Chrome中斷點調(diào)試　232
12．5　小結(jié)　235
第三部分　行業(yè)應用：如何快速開發(fā)主流行業(yè)App
第　13章 如何快速開發(fā)一款IoT App　239
13．1　IoT App的分類和功能　240
13．1．1　IoT App的分類　240
13．1．2　IoT App的主要功能　240
13．2　IoT App的技術架構(gòu)　241
13．2．1　兩方通信架構(gòu)　241
13．2．2　三方通信架構(gòu)　241
13．2．3　四方通信架構(gòu)　242
13．3　IoT App中高頻使用的API　243
13．3．1　界面組件類模塊　243
13．3．2　功能擴展類模塊　244
13．3．3　開放服務類模塊　245
13．4　如何使用APICloud開發(fā)一款IoT App　246
13．5　小結(jié)　246
第　14章 如何快速開發(fā)一款教育App　247
14．1　教育App的分類和功能　248
14．1．1　教育App的分類　248
14．1．2　教育 App的主要功能　248
14．2　教育App的產(chǎn)品架構(gòu)　249
14．2．1　產(chǎn)品功能架構(gòu)　249
14．2．2　學習計劃架構(gòu)　250
14．3　教育App中高頻使用的API　250
14．3．1　UI組件類模塊　250
14．3．2　功能擴展類模塊　251
14．3．3　開放服務類模塊　252
14．4　如何使用APICloud開發(fā)一款教育App　253
14．5　小結(jié)　253
第　15章 如何快速開發(fā)一款直播App　254
15．1　直播App的分類和功能　255
15．1．1　直播App的分類　255
15．1．2　直播App的主要功能　255
15．2　直播App技術架構(gòu)　256
15．3　直播App中高頻使用的API　256
15．3．1　UI組件類模塊　257
15．3．2　功能擴展類模塊　258
15．3．3　開放服務類模塊　258
15．4　如何使用APICloud開發(fā)一款直播App　259
15．5　小結(jié)　260
第　16章 如何快速開發(fā)一款電商App　261
16．1　電商App的分類和功能　262
16．1．1　電商App的分類　262
16．1．2　電商 App的主要功能　263
16．2　電商App的產(chǎn)品結(jié)構(gòu)　263
16．2．1　前端產(chǎn)品結(jié)構(gòu)　263
16．2．2　后臺產(chǎn)品結(jié)構(gòu)　264
16．3　電商App中高頻使用的API　265
16．3．1　UI組件類模塊　265
16．3．2　功能擴展類模塊　266
16．3．3　開放服務類模塊　267
16．4　如何使用APICloud開發(fā)一款電商App　267
16．5　小結(jié)　268
附錄A　APICloud App客戶端開發(fā)規(guī)范（Version 1．0）　269
附錄B　開發(fā)工具APICloud Studio 2使用詳解　282