基于Ionic的移动App开发
作者:(美)Chris Griffith 著
出版时间: 2017年版
内容简介
学习如何用Ionic 2框架来编写用于提交到应用商店的混合App,该框架基于Apache Cordova(前身为PhoneGap)和Angular构建。这是一本很特别的教程,教你如何用Ionic的工具和服务开发用HTML、CSS和TypeScript编写的App,而不是针对特定平台如Android、iOS和Windows Phone的App。本书主要的内容有:理解什么是混合移动App,以及Ionic App的基本构成。学习如何用Apache Cordova、Angular和TypeScript创建一个原生移动App。创建一个基于Firebase的to-do App,存储跨过多个客户端的数据。编写一个基于tab的国家公园App,集成Google地图。开发一个天气App,调用Darksky的天气API和Google的地理编码API。调试和测试App,解决开发中出现的问题。了解将App发布到原生应用商店的步骤。学习如何用Ionic创建渐进式Web App。
目 录
序1
前言5
第1 章混合移动App 11
Ionic 框架是什么?12
Ionic 2 有什么新特性?12
不同移动开发方式的比较13
理解Ionic 的技术栈15
进行Ionic 应用程序开发的必备条件17
小结18
第2 章配置开发环境19
安装Ionic 框架19
新建Ionic 项目22
安装平台工具25
配置模拟器26
配置你的设备28
添加移动平台31
在模拟器上测试31
在设备上测试32
小结33
第3 章理解Ionic 命令行界面34
指定编译平台36
管理Cordova 插件37
Lonic 生成器38
预览你的App38
指定IP地址39
模拟运行Ionic App 40
在设备上运行Ionic App42
输出日志42
CLI的信息42
小结43
第4 章Angular 和TypeScript 基础44
Angular 2 是什么?44
理解ES6 和TypeScript 54
类型化函数60
小结60
第5 章Apache Cordova 基础61
Cordova(即PhoneGap)历史63
Apache Cordova 与Adobe PhoneGap63
深入了解Cordova 64
配置你的Cordova App65
设备的可访问性(即插件)65
界面组件:缺失的拼图66
为什么不使用Cordova66
理解Web 标准66
小结68
第6 章理解Ionic 69
HTML的构成69
Ionic组件71
理解SCSS 文件71
理解TypeScript 73
小结74
第7 章编写我们的Ionic2Do App 75
添加平台76
预览Ionic2Do App 76
修改页面结构87
添加全扫手势98
简单主题99
正确地声明类型100
保存数据101
创建FireBase 账号101
安装Firebase 和AngularFire 2102
Ionic 编译系统103
将AngularFire 添加到appmodulets 文件105
使用Firebase 数据105
使用Ionic Native108
小结112
第8 章创建一个基于Tab 的App 113
引导我们的App 118
通过HTTP 服务加载数据119
显示我们的数据122
生成新页面125
理解Ionic 2 的导航模型126
修改公园详情页128
渲染Google 地图131
添加大头钉133
添加查找功能137
设置App 的样式140
虚拟滚动142
定制表格header 144
小结146
第9 章构建一个天气应用147
开始147
探究侧滑菜单模板149
侧滑菜单选项152
显示菜单152
转换模板153
模拟天气提供者156
显示天气数据158
进度显示:loading 对话框和下拉刷新161
添加Geolocation 163
访问在线天气数据165
将Geolocation 和Weather 提供者关联166
获取其他地区的天气169
下拉刷新:第二部分171
编辑地址172
使用Geocoding 服务177
动态刷新侧滑菜单180
Ionic事件181
Observable183
调整App 的样式187
添加天气图标191
下一步194
小结195
第10 章调试并测试你的Ionic 应用196
解决CORS 问题201
用iOS 或Android 模拟器运行202
在设备上进行调试203
调试Ionic 的初始化204
其他工具205
小结206
第11 章部署你的应用程序207
修改configxml 文件207
App 图标和splash 图片208
编译你的Android APK 208
编译你的iOS App 211
小结225
第12 章探索Ionic Cloud 226
创建Ionic Cloud 账号226
生成你的Ionic App ID 227
配置你的App227
Ionic 部署228
安全文档236
Ionic 打包242
Ionic View245
Ionic Creator248
小结249
第13 章渐进式Web 应用250
但是,什么是渐进式Web App?251
manifestjson 文件252
推送通知256
小结257
第14 章终章258
下一步265
Ionic 论坛265
小结266
附录A 从Ionic 1 升级到Ionic 2267
附录B 理解configxml 文件270
附录C Ionic 组件库280