30天App開(kāi)發(fā)從0到1：APICloud移動(dòng)開(kāi)發(fā)實(shí)戰(zhàn)

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