醉染图书基于Ionic的移动App开发9787519814243

序
前言
章混合移动App
Ionic框架是什么？
Ionic2有什么新特？
不同移动开发方式的比较
理解Ionic的技术栈
进行Ionic应用程序开发的条件
小结
第2章配置开发环境
安装Ionic框架
新建Ionic项目
安装平台工具
配置模拟器
配置你的设备
添加移动平台
在模拟器上测试
在设备上测试
小结
第3章理解Ionic命令行界面
指定编译平台
管理COfdova件Lonic生成器
预览你的App
指定IP地址
模拟运行IonicApp
在设备上运行IonicApp
输出日志
CLI的信息
小结
第4章Angular和TypeScript基础
Angular2是什么？
理解ES6和TypeScript
类型化函数
小结
第5章ApacheCordova基础
Cordova（即PhoneGap）历史
ApacheCordova与AdobePhoneGap
深入了解cordova
配置你的CordovaApp
设备的可访问（即插件）
界面组件：缺失的拼图
为什么不使用Cordova
理解Web标准
小结
第6章理解Ionic
HTML的构成
Ionic组件
理解SCSS文件
理解TypeScript
小结
第7章编写我们的Ionic2DoApp
添加平台
预览Ionic2DoApp
修改页面结构
添加全扫手势
简单主题
正确地声明类型
保存数据
创建FireBase账号
安装Firebase和AngularFire2
Ionic编译系统
将AngularFire添加到app.module.ts文件
使用Fifebase数据
使用IonicNative
小结
第8章创建一个基于Tabr的App
引导我们的App
通过HTTP服务加载数据
显示我们的数据
生成新页面
理解Ionic2的导航模型
修改公园详情页
渲染Google地图
添加大头钉
添加查找功能
设置App的样式
虚拟滚动
定制表格header
小结
第9章构建一个天气应用
开始
探究侧滑菜单模板
侧滑菜单选项
显示菜单
转换模板
模拟天气提供者
显示天气数据
进度显示：loading对话框和下拉刷新
添加Geolocation
访问在线天气数据
将Geolocation和Weather提供者关联
获取地区的天气
下拉刷新：第二部分
编辑地址
使用Geocoding服务
动态刷新侧滑菜单
Ionic事件
Observable
调整App的样式
添加天气图标
下一步
小结
0章调试并测试你的Ionic应用
解决CORS问题
用iOS或Android模拟器运行
在设备上进行调试
调试Ionic的初始化
工具
小结
……
1章部署你的应用程序
2章探索IonicCloud
3章渐进式Web应用
4章终章
附录A从Ionic1升级到Ionic2
附录B理解config.xml文件
附录CIonic组件库

克里斯·格里菲斯，是一家家庭自动化和安全公司的UE负责人，同时也是加利福尼亚大学圣地亚哥分校的讲师，讲授移动App开发。他也是一个Adobe社区的专家，尤其专注于PhoneGap/Cordova和体验设计。Chris经常受邀在 Fluent、Adobe Max和ngConf会议上做发言。

前言我次涉足移动开发领域的事情要从2007 年说起。当时，我正在应聘lcomm 用户体验团队中的UX 职位，时逢史蒂夫？乔布斯发布他的台iPhone 。我的面试过程几乎变成了一场苹果发布会的讨论。那所发生的一切影响了我的整个职业生涯。接下来的十年间，我接触过各种移动开发解决方案。一直以来，我的目标是找到一种能够快开、让团队能够进行快速测试和快速实践新点子及想法的解决方案。我曾经做过许多移动原型设计，它们的用户体验都是高度定制化的。需要模实设备原生组件的需求几乎没有。偶尔需要用到原生组件的时候，我都是在方案中用到时重新设计。到，原型设计中定制化的成分越来越少，大部分都采用默认设计。我需要找出一种能够提供大量组件的解决方法，因为我不再想自己开发和维护某个定制组件了。我开始尝试在一些项目中使用Ratchet 和TopCoat 这样的库。我在加利福尼亚大学的“圣地亚哥推广计划”中给们一课叫做“移动开发入门”，是基于jery Mobile （和PhoneGap Build ）的。但是，这些解决方案都不能在创建原型时为我提供丰富的组件库。我不记得什么时候知道了Ionic 框架，但我知道它是基于Apache Cordova 和AngularJS 的。我曾经录制过两个关于PhoneGap Build 和Apache Cordava 的视频课程，但对AngularJS 了解得少。由于原型开发的原因，我通常会对那些大框架望而生怯。不久以后，我看到别的组件库也使用了相同的技术栈。因此，我决心开始学习AngularJS 和Ionic 框架。很快，我就被这两个框架所展示出来的威力所折服，开始在我的解决方案中使用它们。我开始疯狂学习Ionic ，直到我发布了个用Ionic 编写的商业移动应用Hiking Guide:Sedona 。随后，在2015 年10 月，Ionic 2 发布了。这次发布不仅仅是一次升级，同时也是一次重大突破。因此同样的过程开始了：学习新的Angular 语法，使用ES 6 、TypeScript ，甚至我将原来的编辑器升级到了微软的编辑器！在这个过程中Ionic 2 也在不断成长和趋于成熟。编写本书是一个漫长和有趣的过程。Ionic 的每个版本的发布都会迫使我认真阅读它的修改日志，评估它对已写和未完成章节的影响。这些都会让我对这个框架有更深的理解。我希望本书成为一本学习使用Ionic 编写混合移动应用的指南。Chris Griffth ，圣地亚哥，2017 年1 月本书面向的读者本书适合准备学习Ionic 框架的初学者。本书需要你熟悉JavaScript 、HTML 和CSS 。本书会涉及一些TypeScript 、ES 6 、Angular 2 和Apache Cordova 的主要概念，这些内容你可以参考更多相关资源。本书是以step by step 方式编写的，请放心阅读并学习如何用Ionic 、Angular 和Cordova 编写混合移动App 吧。本书结构本书会带你依次了解Ionic 框架的每一部分。各章内容简要介绍如下：. 章，混合移动App ，介绍混合移动应用的概念。.第2 章，配置我们的开发环境，介绍编写Ionic 应用程序需要些什么。.第3 章，理解Ionic 命令行界面，深入介绍CLI 的功能。.第4 章，Angular 和TypeScript 基础，介绍Angular 和TypeScript 基础知识。.第5 章，Apache Cordova 基础，介绍Apache Cordova 以及为什么它会被纳入Ionic 框架的一个组成部分。.第6 章，理解Ionic ，简单介绍一个Ionic 页面由什么构成。.第7 章，编写我们的Ionic2Do App，创建一个基于Firebase 的to-do 应用程序。.第8 章，创建一个基于Tab 的App ，使用Tab 模板编写一个公园浏览程序，集成Google 地图。.第9 章，创建一个天气应用，使用Forecast.io 天气API 和谷歌地理编码API ，编写一个带侧边栏菜单的应用程序。.0 章，调试并测试你的Ionic 应用，介绍通过一些常用工具解决开发中出现的问题。.1 章，部署你的应用程序，一步一步教你如何将应用提交到应用商店。.2 章，探索Ionic Cloud ，探讨由Ionic 平台提供的服务。.3 章，渐进式Web 应用，讨论如何用Ionic 作为一个基础的渐进式Web App 。.4 章，终章，介绍Ionic 组件并扼要介绍了一些资源。.附录A，从Ionic 1 升级到Ionic 2 ，介绍二者间的重要改变。.附录B，理解Config.xml 文件，介绍和应用程序编译过程有关的各种属配置。.附录C，Ionic 组件库，罗列每个可用的Ionic 组件及一般用法。所有的代码放在GitHub 上，如果你不想手敲书中的示例代码，或者你想看的示例代码，请访问代码库并下载它的源代码。如果你做过Ionic 1 的开发，可以跳过~3 章。如果你熟悉TypeScript 和Angular 2 ，请略过第4 章。如果你会使用Apache Cordova 或PhoneGap ，请略过第5 章。在线资源下列资源对于每个Ionic 开发者来说都是一个很好的开始，它们总是随手可及的：.官方Ionic API 文档（http://ionicframework.com/docs/）。.官方Angular 2 文档（https://angular.io/docs/t/latest/ ）。.官方Apache Cordova 文档（https://cordova.apache.org/docs/en/latest/ ）。.Ionic 全球Slack 频道（http://ionicworldwide.herokuapp.com/ ）。本书排版约定本书的排版方式约定如下：斜体（Italic）表示新出现的术语、URL 、email 、文件名及扩展名。等宽字体（Constant Width）在代码清单中使用，或者在段落中用于表示程序中的对象，例如变量名、函数名、数据库、数据类型、环境变量、语句和关键字。粗体等宽字体（Constant Width bold）表示命令或需要用户输入的文本。斜体等宽字体（Constant Width Italic）表示文本应该由用户自己提供的内容替换，或者内容应根据上下文改变。表示提示或建议。表示一般的注意事项。表示警告或警示。使用示例代码如果在代码行的尾部看到.，说明这行代码之后是另一行代码。O’Reilly Safari Safari (Safari 图书在线) 是一个针对企业、、教育机构和个人的会员制培训和参考平台。成为会员将可以从数据库中查找和浏览数以千计的图书、培训视频、学习路径、交互式教程和组织好的播放列表，这些资料的来源遍及250 个出版社，如O’Reilly Media 、Harvard Business Review 、Prentice Hall Professional 、Addison-Wesley Professional 、Microsoft Press 、Sams 、e 、Peachpit Press 、Adobe 、Focal Press 、Cisco Press 、John Wiley & Sons 、Syngress 、Morgan Kaufmann 、IBM Redbooks 、Packt, Adobe Press 、FT Press 、Apress 、Manning 、New Riders 、McGraw-Hill 、Jones & Bartlett 、Course Technology 等。更多信息，请访问：http://oreilly.com/safari 。致谢首先，我必须感谢Ionic 的整个团队，是他们创建了这个伟大的框架。首先是Max Lynch 和Ben Sperry ，他们将疯狂的想法和激情转变为今天的Ionic 。我对它的未来充满期待。然后要感谢Ionic 家族的成员：Adam Bradley 、Mike Hartington 、Brandy Carney 、Dan Bucholtz 、Tim Lancina 、Alex Muramoto 、Matt Kremer 、Justin Willis 和Katie Ginder-Voge ，感谢你们能够抽时间回答我的问题，阅读本书稿件，以及在本书编写过程提指导，和你们合作愉快。当然我同样还要感谢Ionic 团队的成员。我诚挚地感谢本书的两位技术评审：Ray Camden和Leif Wells。由于你们的建议和细心指点，使得本书增色不少，感谢你们能花时间认真读完我的本书。特别感谢O’Reilly公司的Meg Foley，他是我的贴心、耐心的编辑。因为技术的不断更新，本书完成时间比预期长。同时要感谢我的经纪人，即Waterside Productions公司的Margot Hutchison，是他让我有机会认识了 Meg Foley。感谢我的朋友们，感谢你们在本书创作过程中给予我的鼓励。现在，我们可以在下次见面的时候谈论一些大事了，比如精酿啤酒或发。，感谢我的妻子Anita 和我的双胞胎儿女Ben 和Shira，感谢你们赐予我时间，支持我回到创作本书的计算机和工作中来。感谢你们所做出的牺牲。我以为我永远完不成这件事了，是你们给予了我信心。