欢迎访问学兔兔,学习、交流 分享 !

返回首页 |

基于Ionic的移动App开发

收藏
  • 大小:170.53 MB
  • 语言:中文版
  • 格式: PDF文档
  • 阅读软件: Adobe Reader
资源简介
基于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
下载地址