ApacheCordova实战

　　

《Apache Cordova实战》，基于混合式移动应用开发架构，讲授如何设计，创建，运行混合式移动Apps。通过直观，真实的示例程序，开发者将学会使用Cordova CLI命令行方式来构建Apps，以及使用摄像头和加速度计这样的原生设备功能。同时也讲述了测试技术，探索PhoneGap Build服务，以及如何将应用程序提交到Google Play和Apple App Store。对移动应用程序的设计，做出了有益的探讨，演示了如何创建高效，具有专业品质的UI和UX。《Apache Cordova实战/清华开发者书库》涉及的主题：
　　(1) 快速搭建Apache Cordova开发环境
　　(2) 详细阐述Apache Cordova高级核心概念
　　(3) 深入讲解CLI命令行工具
　　(4) 探讨设备访问，插件技术，调试工具，应用打包
　　(5) 构建离线应用，支持全球应用
　　(6) 比较移动设备端存储数据的多种可选方案
　　(7) 将移动应用发布到Android和Apple应用商店
　　(8) 讲解细致，完全不需要移动应用开发经验，就可以轻松阅读
　　(9) 完整的实际应用案例，可以预览混合式移动应用开发的全貌
　　(10) 图文并茂，程序清单注释完整清晰
　　(11) 注：《Apache Cordova实战/清华开发者书库》提供配套学习资源（源代码、在线资源、在线支持），下载地址见书中“关于本书”部分。
　　
　　

　　

《Apache Cordova实战（清华开发者书库）》全面细致地论述了如何使用开源的Cordova框架来开发混合式移动应用App。全书共12章，分为三部分： 第一部分介绍Apache Cordova基础知识，引导开发者快速入门，搭建开发环境； 第二部分介绍了Cordova的高级核心概念，深入地论述CLI命令行工具、设备访问、插件技术、调试工具、应用打包等，同时也介绍了SPA单页面应用技术原理、构建离线应用、支持全球应用，以及如何在移动设备端存储数据； 第三部分介绍了如何将移动应用发布到Android和Apple应用商店中，并在最后给出了一个完整的实际应用案例。
　　
　　

Raymond Camden，IBM开发支持专家。他满怀激情地投入到移动应用开发之中，也多次受邀在世界各地会议上，发表演讲，快乐分享。

陈玉毅，字晓宇，笔名小玉一休。博学笃志，勤学乐享，开源社区的追随者，丰富的产品规划，架构设计和团队管理经验。组织研发中心技术路线预研，技术选型，追求简单高效，敏捷交付的产品研发模式。

第一部分Apache Cordova新手入门
第1章Cordova是什么
1.1PhoneGap和Cordova的发展历史
1.2PhoneGap和Cordova之间的关系
1.2.1两者有哪些相同点
1.2.2两者有哪些不同点
1.2.3官方网站
1.3Cordova能做什么
1.3.1命令行工具
1.3.2访问硬件
1.3.3支持插件
1.4Cordova不能做什么
1.5Cordova的使用场景
1.6网页标准与Cordova
1.7小结
第2章安装Cordova和Android SDK
2.1安装Android SDK
2.2安装Apache Ant
2.3安装Git
2.4安装Node.js
2.5设置PATH环境变量
2.6安装Cordova
2.7创建第一个Cordova工程
2.8小结
第二部分核 心 概 念
第3章创建Cordova工程
3.1使用Cordova CLI创建工程
3.2深入探究Cordova工程
3.3增加平台支持
3.4使用Android模拟器和设备
3.5发送Cordova应用程序到模拟器(或设备)
3.6构建第一个真实应用
3.7小结
第4章使用插件来访问设备
4.1什么是插件
4.2查看并评估插件
4.3管理插件与Cordova命令行工具
4.4插件与开发周期
4.5设备就绪事件
4.6插件示例： 对话框
4.6.1更好用的Cordova对话框插件
4.6.2使用对话框插件构建应用程序
4.7插件示例： 摄像头
4.8插件示例： 联系人
4.9小结
第5章移动应用设计与用户体验
5.1成为初级移动应用开发者
5.1.1一个糟糕UI的典型例子
5.1.2美化： 用CSS来改进应用
5.1.3meta viewport标签
5.2使用Bootstrap来改进Cordova UI界面展现
5.2.1Bootstrap简介
5.2.2示例： 摄像头App
5.2.3Bootstrap能够实现更多应用
5.3移动应用UI框架： 概览
5.3.1Ionic： UI用户界面、UX用户体验以及更多
5.3.2jQuery Mobile： 强大而又简单的框架
5.3.3Ratchet： Android和iOS系统下友好的框架
5.3.4Kendo UI： 大型的商业化框架
5.4小结
第6章构建移动应用时需要考虑的事情
6.1成为略胜一筹的移动应用开发者
6.2单页面应用
6.2.1为什么要关注单页面应用
6.2.2多创建一些SPA单页面应用
6.2.3jQuery Mobile： 基础知识
6.2.4jQuery Mobile和Cordova配合使用
6.3构建离线Cordova应用
6.3.1应用程序中存在的问题
6.3.2在GitHub搜索应用中添加离线支持
6.4支持全球应用
6.5在设备中存储数据
6.5.1实例
6.5.2处理数据存储的可选方式
6.5.3选择数据存储方式
6.5.4改进GitHub搜索应用
6.6小结
第7章Cordova混合式移动应用的调试工具
7.1查找缺陷
7.2一个崩溃的应用示例
7.3在Android设备上使用Chrome远程调试
7.3.1Chrome远程调试的准备工作
7.3.2Chrome远程调试工具的特性
7.3.3使用Chrome远程调试
7.4在iOS设备上使用Safari远程调试
7.4.1准备Safari远程调试
7.4.2Safari远程调试工具的特性
7.5使用Weinre
7.5.1安装Weinre
7.5.2运行Weinre
7.6其他调试方法
7.6.1Skip Cordova
7.6.2GapDebug
7.7小结
第8章创建自定义插件
8.1为什么要编写自己的插件
8.2插件架构
8.3构建Android插件
8.3.1创建一个插件
8.3.2编写插件代码
8.3.3使用自己编写的插件
8.3.4添加插件
8.4小结
第9章Cordova工程的打包选项
9.1使用config.xml自定义Cordova工程
9.1.1通用（或全局）首选项
9.1.2特定平台下的首选项详细说明
9.1.3查看其他首选项
9.1.4使用图标和启动界面
9.2为多平台下的应用使用Merges选项
9.3使用Hooks增强Cordova命令行应用
9.3.1为什么要使用Hooks?
9.3.2定义Hooks
9.3.3Hooks： 在命令行工具前置或者后置起作用
9.3.4示例： 使用Hooks为平台添加插件
9.3.5在config.xml中配置Hooks
9.3.6使用Hooks中的参数
9.4小结
第10章使用PhoneGap工具
10.1使用PhoneGap
10.2PhoneGap用于构建的服务
10.2.1创建一个PhoneGap用于构建的账号
10.2.2创建第一个PhoneGap应用
10.2.3深入探究PhoneGap Build
10.2.4在PhoneGap Build中使用插件
10.2.5更多配置选项
10.2.6更多PhoneGap构建特性
10.3PhoneGap Developer App
10.3.1安装
10.3.2使用PhoneGap Developer App
10.4小结
第三部分应 用 发 布
第11章提交App
11.1发布App
11.2提交Android应用
11.2.1为App做签名
11.2.2发布到Android市场
11.3提交iOS应用
11.3.1为App做签名
11.3.2发布到iOS市场
11.4小结
第12章使用Ionic构建RSS阅读器App
12.1设计一个简单的RSS阅读器应用
12.2在Cordova开发中使用Ionic
12.3RSS阅读器App： 第一部分
12.3.1开始创建App
12.3.2应用模块
12.3.3回顾已完成的部分
12.4RSS阅读器App： 第二部分
12.4.1增加“正在加载中”进度指示
12.4.2增加InAppBrowser插件
12.4.3增加SocialSharing插件
12.4.4增加离线支持
12.5小结

第5章
移动应用设计与用户体验
本章包含以下内容：
移动设备上适合运行哪些应用程序；
如何使用Bootstrap创建响应式，为移动端优化设计的应用；
主流的移动应用UI框架概览。
前面已经探讨过如何安装Cordova，如何从HTML生成原生二进制程序，如何利用插件来发挥移动设备的更多高级特性。在大多数情况下，我们使用的是简单明了的探讨方式。安装SDK，安装命令行工具，编写一些HTML，然后就可以在移动设备上查看演示成果了。
5.1成为初级移动应用开发者
之前貌似已经讲了很多，但有一点没有提到，那就是如何创建一个优秀的移动应用。虽然我们无法精确地定义什么是优秀的移动应用，但是有一些基本准则可以用来定义成功的移动应用大概是什么样子。请留意，这里并不是在说一个成功的混合移动应用应该是什么样子，用户并不关心使用了什么工具来构建这个应用，用户只关心最终的使用效果。因此，用来判断是否优秀的混合移动应用的准则，同样适用于完全使用原生方法构建的应用。
一个优秀的移动应用，能够在各种尺寸的设备上清晰可辨，完美适配。无论是在小巧的iPhone 5，还是在大尺寸的Android平板手机上，文字应该清晰可见，即使是使用较粗大的手指来操作，也能保证按钮触控流畅。优秀的移动应用，具有如下特征：
简单和易于理解的UI用户界面。通过使用常见的设计元素(例如，购物车图标)，使用户在使用应用时可以更好地理解设计意图。
运行流畅，无明显延迟。
在多种网络环境下，能够正常运行(离线和在线)。
5.1.1一个糟糕UI的典型例子
下面来看一个简单的应用： 输入您的名字，得到“您好”的问候语。图5.1是这个应用的UI交互原型，包括初始和输入名字后的两种显示状态。
图5.1一个简单的应用
创建这样一个应用，相对来说要简单一些。如果希望做一个测试，就需要创建一个新的Cordova应用。这个应用的源码，存放在从网站下载的Zip压缩包中。可以在c5/simple文件夹中找到。程序清单5.1展示了应用中的HTML源码。
程序清单5.1HTML简单应用
这段代码，并不是那么十分有趣。值得一提的是，代码中没有显式地标注“样式”，而是采用嵌入或者包含一个CSS文件的方式，这种方式十分方便，用户无须定义所有的元素，这点我们在后面会详细讲解。现在，查看JavaScript的程序清单。
……

我作为Web网页开发者已经有20年了，我依然记得以前使用NCSA Mosaic来浏览网页、查找HTML格式的电子书，以帮助构建我的第一个网页应用的情景(当时我在页面中使用了彩虹渐变色样式)。那个年代做的网页很是简陋。当时在使用LiveScript(JavaScript的早期版本)时，为了使浏览器正常工作，需要不断地重新启动电脑，才能看到效果。在第一个10年间，我致力于服务器端应用的开发，编程语言前后分别使用了Perl和ColdFusion。由于我忽视了前端程序且由于浏览器本身的原因而导致了各种各样的问题。
在最近的10年间，我把精力转向了客户端开发。令我惊喜的是，Web 2．0/AJAX非常强大，在大多数的场合下，运行得非常好。我开始花费大量的时间重新学习JavaScript，并重温HTML语言。这听起来让人不可思议。虽然我确实了解HTML，并且在服务器端应用开发中使用过它，然而随着研究的深入，我发现有很多未知或者是不甚理解的东西。
与此同时，移动设备由最初的缓慢发展演变成高速发展。我时常听说在欧洲和亚洲，大量的移动设备正在被使用。但依个人使用经验来看，这些设备不免有些令人失望。虽然我很喜欢Motorola RAZR系列的智能手机，但是第一次使用它来发送SMS短信，同时也是最后一次用它来发送短信了； 同样地，使用它来浏览网页，也会遭遇令人失望的体验。
终于有一天，一切都改变了。iPhone改变了游戏规则，让移动互联网更加可用。随着App市场的发展，产生了各种各样的应用程序，同时也涌现出大量的移动应用开发者。我也开始专注于移动平台的应用，特别是构建适合移动设备访问的网站。然后，PhoneGap平台(即Apache Cordova的前身，会在第1章讨论两者之间的差异)出现了，但是还不尽如人意，利用PhoneGap创建一个“Hello World”的工程，花费了我足足10分钟的时间。当我第一次看到HTML页面作为App应用在手机上运行时，实在是令人难以置信。现在我已经学习了许多网页开发技术，并可以在很多种移动设备上创建应用了。
从我开始使用PhoneGap以及Cordova，时至今日，这两个平台已经有了长足的发展。虽然平台简单易用，但仍然需要经过深思熟虑与精心规划，本书能够在这方面提供有力的帮助。我尽力将来自多个源头的信息，融合成简洁的、易于理解的形式。我并不是一个十分聪敏的人，但自认为还算努力。我把写作和演讲作为我努力奋斗的事业，希望通过我的个人努力，来帮助更多的人实现梦想。
Raymond Camden