《基于Ionic的移动App开发》PDF

下载链接: https://pan.baidu.com/s/1TL2j33LHLpQOEpRw1krsfg 密码: zx3w

  • 出版社: 中国电力出版社; 第1版 (2017年12月1日)
  • 外文书名: Mobile App Development with Ionic 2
  • 平装: 284页
  • 语种: 简体中文
  • 开本: 16
  • ISBN: 9787519814243
  • 条形码: 9787519814243
  • 商品尺寸: 23 x 17.6 x 1.4 cm
  • 商品重量: 422 g
  • 品牌: 中国电力出版社
  • ASIN: B0787H593Y

编辑推荐

Ionic创始人亲自作序,本书以step by step的方式带你感受Ionic强大的UI组件库,教你用它编写三个跨平台移动App。

作者简介

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

目录


前言
第1章混合移动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的样式
添加天气图标
下一步
小结
第10章调试并测试你的Ionic应用
解决CORS问题
用iOS或Android模拟器运行
在设备上进行调试
调试Ionic的初始化
其他工具
小结
……
第11章部署你的应用程序
第12章探索IonicCloud
第13章渐进式Web应用
第14章终章
附录A从Ionic1升级到Ionic2
附录B理解config.xml文件
附录CIonic组件库

序言

前言
我第一次涉足移动开发领域的事情要从2007 年说起。当时,我正在应聘Qualcomm 用户体验团队中的UX 工程师职位,时逢史蒂夫•乔布斯发布他的第一台iPhone 。我的面试过程几乎变成了一场苹果发布会的讨论。那一天所发生的一切影响了我的整个职业生涯。接下来的十年间,我接触过各种移动开发解决方案。一直以来,我的最终目标是找到一种能够快速开发、让团队能够进行快速测试和快速实践新点子及想法的解决方案。
我曾经做过许多移动原型设计,它们的用户体验都是高度定制化的。需要模仿真实设备原生组件的需求几乎没有。偶尔需要用到原生组件的时候,我都是在方案中用到时重新设计。到最后,原型设计中定制化的成分越来越少,大部分都采用默认设计。我需要找出一种能够提供大量组件的解决方法,因为我不再想自己开发和维护某个定制组件了。
我开始尝试在一些项目中使用Ratchet 和TopCoat 这样的库。我在加利福尼亚大学的“圣地亚哥推广计划”中给学生们上一门课叫做“移动开发入门”,是基于jQuery 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 框架的每一部分。各章内容简要介绍如下:
第1 章,混合移动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 章,创建一个天气应用,使用Forecastio 天气API 和谷歌地理编码API ,编写一个带侧边栏菜单的应用程序。
第10 章,调试并测试你的Ionic 应用,介绍通过一些常用工具解决开发中出现的问题。
第11 章,部署你的应用程序,一步一步教你如何将应用提交到应用商店。
第12 章,探索Ionic Cloud ,探讨由Ionic 平台提供的其他服务。
第13 章,渐进式Web 应用,讨论如何用Ionic 作为一个基础的渐进式Web App 。
第14 章,终章,介绍其他Ionic 组件并扼要介绍了一些其他资源。
附录A,从Ionic 1 升级到Ionic 2 ,介绍二者间的重要改变。
附录B,理解Configxml 文件,介绍和应用程序编译过程有关的各种属性配置。
附录C,Ionic 组件库,罗列每个可用的Ionic 组件及一般用法。
所有的代码放在GitHub 上,如果你不想手敲书中的示例代码,或者你想看最新的示例代码,请访问代码库并下载它的源代码。
如果你做过Ionic 1 的开发,可以跳过第1~3 章。如果你熟悉TypeScript 和Angular 2 ,请略过第4 章。如果你会使用Apache Cordova 或PhoneGap ,请略过第5 章。
……
本书的排版方式约定如下:
斜体(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 、Que 、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 等。
……
致谢
首先,我必须感谢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,感谢你们赐予我时间,支持我回到创作本书的计算机和工作中来。感谢你们所做出的牺牲。我以为我永远完不成这件事了,是你们给予了我信心。

文摘

版权页:



插图:



如果你的App因为某种原因无法启动,首先请看一下控制台中的编译信息。你可能会发现在一个object中少写了一个逗号或者代码中存在不容易发现的输入错误。我们建议调整你的控制台窗口的高度以便多显示几行代码。这就使你在问题出现时,能够一眼看到各种编译事件。
基于我们正在使用不完整的IDE(和Xcode和Android Studio相反),我们无法获得某些编译调试工具的帮助。最常见的问题是,在你试图编译App时,会发现它无法识别出项目中存在未保存的文件。通常在我们编写某个页面时,可能会打开它的HTML文件来修改标签,打开scss文件来修改样式,同时打开TypeScript文件来编写组件代码。在下次编译之前,你很容易忘记保存其中的某个或某几个文件。这样在测试App时,你就会挠头了:奇怪,为什么有的东西会不对呢?因此在开始调试你的App之前,最基本的一个步骤就是确保所有的文件都已保存


猜你喜欢

转载自blog.csdn.net/sinat_33899729/article/details/80262552