雅书

内容简介：

本书围绕APICloud平台，全面、系统、细致地讲述了App开发的相关内容，涉及平台工作原理、内部实现机制和应用开发技巧。本书涵盖了APICloud应用开发的知识，包括基础知识、关键技术、开发技巧和行业方案，并从实践角度出发，通过大量的实例代码、详细的操作步骤和丰富的开发截图，帮助开发人员迅速掌握APICloud应用开发，有能力制作出好的App。本书是APICloud开发人员的入门指南，并配有免费的讲解视频，适合各种层次的APICloud学习者和开发人员阅读。

作者简介：

邹达 APICloud联合创始人兼CTO APICloud云端一体平台的技术架构设计者及核心引擎的实现者，对大规模、高并发的云端服务开发有着丰富的经验。杰出的JavaScript全栈工程师，有十多年浏览器引擎及移动应用引擎开发经验，先后参与过国内外多款浏览器引擎、JavaScript引擎和移动应用引擎的开发工作。同时也是混合模式开发技术的倡导者，是国内较早一批将Web与Native技术融合的实践者。 李德兴 APICloud技术负责人 一直从事浏览器、JavaScript引擎及相关中间件技术的工作，参与过多个基于浏览器的移动中间件引擎的开发工作。精通Android操作系统，有丰富的App架构及开发经验。热爱新技术，熟悉HTML5和W3C规范，对HTML5和浏览器技术的实际应用有深入研究并付诸过大量实践。

目  录：

目录

第　一部分 基础教程：如何从零起步开发一款App

第　1章 APICloud App开发流程　3

1.1　APICloud平台介绍　4

1.1.1　查看APICloud平台能力　4

1.1.2　开发模式、技术语言和平台定位　6

1.1.3　技术、产品、生态、案例和商业模式　10

1.1.4　开发者服务体系　10

1.1.5　新手入门APICloud应用开发　14

1.2　体验完整项目的开发流程　15

1.2.1　注册APICloud账号　15

1.2.2　创建一个App项目　15

1.2.3　编辑项目　18

1.2.4　调试项目　18

1.2.5　编译项目　21

1.3　小结　22

第　2章 搭建App整体框架，完成App静态页面开发　23

2.1　启动　25

2.1.1　APICloud App执行流程　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组成结构　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　状态栏处理　34

2.3.8　iPhone X的状态栏处理　35

2.3.9　优化点击事件和tapmode　37

2.3.10　静态页面中建议遵循的布局方法　37

2.4　搭建App整体框架，完成App静态页面开发　38

2.4.1　创建首页的标题栏和Tab标签组　38

2.4.2　制作Tab页面并添加点击事件和动画效果　43

2.4.3　制作悬浮购物车信息栏　48

2.4.4　跳转到登录页面　51

2.4.5　城市选择菜单和事件通信　52

2.5　小结　55

第3章　联调前后端数据接口，实现App数据从服务端动态获取　56

3.1　APICloud提供的数据通信能力和相关API　57

3.1.1　APICloud支持的通信协议　57

3.1.2　用于HTTP通信的主要API　57

3.2　APICloud数据云　58

3.2.1　APICloud数据云的用途　58

3.2.2　APICloud数据云的特点　58

3.3　联调前后端数据接口，实现App数据从服务端动态获取　59

3.3.1　实现用户注册功能　59

3.3.2　实现用户登录功能　60

3.3.3　获取商品列表数据　62

3.3.4　显示商品列表　63

3.4　小结　64

第4章　加载更新服务端数据，实现本地的数据存储　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　资源访问协议　70

4.2.8　图片缓存　71

4.3　下拉刷新、上拉加载的实现　71

4.3.1　下拉刷新　72

4.3.2　上拉加载　72

4.4　事件机制　72

4.4.1　统一事件管理　72

4.4.2　事件管理API　73

4.4.3　平台事件类型　74

4.5　常用对话框窗口　75

4.6　在指定的窗口中执行脚本　76

4.7　加载更新服务端数据，实现本地的数据存储　77

4.7.1　使用doT模板引擎显示商品列表　77

4.7.2　实现图片缓存　78

4.7.3　实现下拉刷新　79

4.7.4　实现上拉加载更多　81

4.7.5　实现保存登录信息　82

4.7.6　实现清除缓存　84

4.8　小结　85

第5章　使用扩展模块API，完成App所需功能实现　86

5.1　APICloud扩展模块　87

5.1.1　APICloud端引擎架构　87

5.1.2　APICloud模块调用过程　88

5.2　自定义模块　88

5.3　使用UIScrollPicture　89

5.4　使用UIInput　91

5.5　使用UIActionSelector　92

5.6　多媒体相关模块使用　96

5.7　使用扩展模块API，实现App所需功能　96

5.7.1　实现商品详情页轮播图　96

5.7.2　使用UIInput实现原生输入框　100

5.7.3　实现三级联动的城市选择器　101

5.7.4　实现头像上传　103

5.8　小结　105

第6章　使用第三方开放服务模块，完善App功能和业务逻辑　106

6.1　集成第三方服务　107

6.2　目前APICloud已经集成的第三方服务模块　107

6.3　自定义AppLoader　108

6.3.1　自定义AppLoader与官方AppLoader的区别　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功能和业务逻辑　119

6.9.1　获取当前城市　119

6.9.2　根据输入内容检索地址列表　121

6.9.3　使用个推进行消息推送　123

6.10　小结　124

第7章　使用APICloud应用管理服务，实现App发布和运营　125

7.1　编译生成App安装包　126

7.1.1　云编译　126

7.1.2　代码全包加密　127

7.1.3　扩展API调用安全配置　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　制作并发布云修复包　130

7.3.3　相关API使用　131

7.4　闪屏广告　131

7.4.1　在APICloud控制台使用闪屏广告　132

7.4.2　相关API使用　132

7.5　优化策略　133

7.5.1　了解HTML5特性　133

7.5.2　窗口结构　133

7.5.3　页面加载速度　134

7.5.4　不用重型框架　134

7.5.5　屏幕适配　134

7.5.6　数据加载　134

7.5.7　图片处理　135

7.5.8　交互响应速度　135

7.5.9　尊重系统特性　135

7.6　编码规范　135

7.7　Widget管理　136

7.7.1　多Widget架构　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应用管理服务，实现App的发布和运营管理　138

7.9.1　编译App　139

7.9.2　版本发布　139

7.9.3　使用云修复　139

7.9.4　闪屏广告　140

7.10　小结　140

第二部分　实战技巧：如何开发一款优质的App

第8章　如何与众不同　143

8.1　自定义样式的日期选择器　144

8.1.1　使用模块UICustomPicker　144

8.1.2　开发流程及要点概述　145

8.2　自动义样式的三级联动城市选择器　149

8.2.1　使用模块：UILinkedPicker　150

8.2.2　开发流程及要点概述　150

8.3　实现固定不动的下拉筛选菜单　152

8.4　滑动页面动态改变导航条颜色　155

8.4.1　实现思路　155

8.4.2　知识点说明　155

8.4.3　核心部分代码　155

8.5　实现高斯模糊的背景图片　156

8.6　精致0.5 px细线的实现　158

8.7　小结　159

第9章　挖掘API潜力　160

9.1　深入挖掘Frame的各种应用场景　161

9.1.1　模拟页面按钮　161

9.1.2　模拟窗口组件　161

9.1.3　模拟侧滑窗口　163

9.2　使用UIScrollPicture模块开发引导页　164

9.2.1　概述　165

9.2.2　实现思路　165

9.3　使用photoBrowser模块实现自定义样式的图片浏览功能　167

9.3.1　概述　167

9.3.2　自定义样式图片浏览器功能实现步骤　168

9.4　使用UIInput模块实现自定义搜索界面　170

9.4.1　概述　170

9.4.2　自定义搜索界面实现步骤　170

9.5　使用UIChatBox模块实现聊天界面　172

9.5.1　概述　172

9.5.2　UIChatBox 模块实现聊天界面实现步骤　173

9.6　使用api.ajax进行网络请求　176

9.7　小结　179

第　10章 超级实用技巧　180

10.1　如何让页面动态适配有虚拟按键栏的Android手机　181

10.2　获取手机验证码功能的实现　182

10.3　打开一个外部链接作为新的页面，并设置样式以及事件监听　184

10.4　实现更换皮肤功能　186

10.5　实现多语言切换功能　187

10.6　调用任意App　189

10.6.1　URL Scheme应用场景　189

10.6.2　URL Scheme在APICloud中的应用　189

10.7　数据表格的快速开发　191

10.7.1　使用APICloud模块实现数据表格的开发　192

10.7.2　使用第三方JavaScript框架实现数据表格的开发　193

10.8　apiready与window.onload的平衡使用　194

10.8.1　apiready与window.onload区别　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　功能实现　198

10.11　极光推送的快速实现　200

10.11.1　获取App包名　200

10.11.2　获取极光推送AppKey　201

10.11.3　配置极光推送模块　202

10.11.4　在代码中监听推送消息　202

10.11.5　开始推送　203

10.12　小结　204

第　11章 性能优化探索　205

11.1　用imageCache缓存图片　206

11.2　数据不要从DOM上获取　208

11.3　流畅的用户登录体验　210

11.3.1　程序员的思维习惯　210

11.3.2　正确的做法　211

11.3.3　关键代码实现　211

11.4　合理使用同步/异步接口　212

11.4.1　JavaScript的同步/异步机制　212

11.4.2　异步的优势　213

11.4.3　应用实例　214

11.5　小结　215

第　12章 调试技巧　216

12.1　调试技巧：使用Charles查看网络请求　217

12.1.1　查看HTTP请求　217

12.1.2　查看HTTPS请求　219

12.2　调试技巧：使用Charles模拟网络请求　222

12.2.1　请求示例代码　222

12.2.2　构建模拟数据　223

12.2.3　使用本地文件作为接口返回值　224

12.3　调试技巧：使用Safari断点调试iOS应用　226

12.3.1　从APICloud官网编译安装自定义AppLoader　226

12.3.2　显示桌面Safari浏览器的“开发”菜单　226

12.3.3　开启iOS设备的Web检查器功能　226

12.3.4　把待调试代码同步到AppLoader　227

12.3.5　Safari断点调试iOS应用　228

12.4　调试技巧：使用Chrome断点调试Android应用　229

12.4.1　从APICloud官网安装AppLoader　230

12.4.2　在Android手机上开启USB调试　231

12.4.3　把待调试代码同步到AppLoader　231

12.4.4　在Chrome中断点调试　232

12.5　小结　235

第三部分　行业应用：如何快速开发主流行业App

第　13章 如何快速开发一款IoT App　239

13.1　IoT App的分类和功能　240

13.1.1　IoT App的分类　240

13.1.2　IoT App的主要功能　240

13.2　IoT App的技术架构　241

13.2.1　两方通信架构　241

13.2.2　三方通信架构　241

13.2.3　四方通信架构　242

13.3　IoT App中高频使用的API　243

13.3.1　界面组件类模块　243

13.3.2　功能扩展类模块　244

13.3.3　开放服务类模块　245

13.4　如何使用APICloud开发一款IoT App　246

13.5　小结　246

第　14章 如何快速开发一款教育App　247

14.1　教育App的分类和功能　248

14.1.1　教育App的分类　248

14.1.2　教育 App的主要功能　248

14.2　教育App的产品架构　249

14.2.1　产品功能架构　249

14.2.2　学习计划架构　250

14.3　教育App中高频使用的API　250

14.3.1　UI组件类模块　250

14.3.2　功能扩展类模块　251

14.3.3　开放服务类模块　252

14.4　如何使用APICloud开发一款教育App　253

14.5　小结　253

第　15章 如何快速开发一款直播App　254

15.1　直播App的分类和功能　255

15.1.1　直播App的分类　255

15.1.2　直播App的主要功能　255

15.2　直播App技术架构　256

15.3　直播App中高频使用的API　256

15.3.1　UI组件类模块　257

15.3.2　功能扩展类模块　258

15.3.3　开放服务类模块　258

15.4　如何使用APICloud开发一款直播App　259

15.5　小结　260

第　16章 如何快速开发一款电商App　261

16.1　电商App的分类和功能　262

16.1.1　电商App的分类　262

16.1.2　电商 App的主要功能　263

16.2　电商App的产品结构　263

16.2.1　前端产品结构　263

16.2.2　后台产品结构　264

16.3　电商App中高频使用的API　265

16.3.1　UI组件类模块　265

16.3.2　功能扩展类模块　266

16.3.3　开放服务类模块　267

16.4　如何使用APICloud开发一款电商App　267

16.5　小结　268

附录A　APICloud App客户端开发规范(Version 1.0)　269

附录B　开发工具APICloud Studio 2使用详解　282