《Ionic 移动开发入门与实战（第2版）》_秦超等

内容介绍[url=]编辑[/url][url=] 播报[/url]
Ionic是目前集流行与成熟两个特点于一身的跨平台移动开发框架。本书以实例驱动讲解的方式，让仅有简单网页制作基础知识的读者，也能轻松掌握Ionic3.X下的移动应用开发。本书分为4篇，第1篇是移动开发准备，介绍了Ionic、Phonegap、Cordova、HTML5和移动开发的一些基础知识；第2篇是Ionic基础知识准备与常用库，介绍了配置开发Ionic环境所依赖的Angular、SASS、Gulplodash等业内主流库和工具；第3篇是Ionic组件完全解析，对Ionic的内置样式和TypeScript组件类进行完整解析；第4篇是App项目实战和发布推广，介绍了如何按照业内通行实践的策划、设计、开发过程完成Ionic开发的完整App。在开发完成之后，详解如何为Android和iOS两大移动平台发布和推广更新自己的App。 [1]

作者简介[url=]编辑[/url][url=] 播报[/url]
秦超，从事IT行业长达19年，基于互联网技术的项目开发10年。随着移动互联网的发展，主要研究与实践方向已从大型企业内部应用如PLM、ERP、SCM、HRIS、CMS等逐步转向以移动和新媒体为主的移动设备应用。近年曾参与领导了传统企业应用与移动APP的结合和互联网金融等多个项目的开发工作。 [1]
李一鸣，互联网从业者，擅长JavaScript，喜欢用它在前端和后端折腾，热爱开源，多个Node.js模块的参与者。长期活跃在各个技术博客，喜欢分享，Web技术爱好者。 [1]

目 录[url=]编辑[/url][url=] 播报[/url]
第一篇 移动开发准备
第1章 欢迎进入移动开发的世界 3
1.1 移动互联网行业的浪潮 3
1.2 跨平台移动开发框架 4
1.2.1 什么是跨平台移动开发框架 4
1.2.2 为什么选择跨平台移动开发框架 5
1.2.3 可选的跨平台移动开发框架简介 6
1.2.4 什么是PhoneGap / Cordova / Ionic 9
1.3 初识Ionic v3.x 10
1.3.1 为什么选择Ionic 10
1.3.2 基于Web技术HTML 5/CSS 3/JavaScript 11
1.3.3 基于Angular框架 12
1.3.4 接近原生App应用的绚丽界面组件 13
1.3.5 自适应（Responsive）布局 14
1.3.6 支持个（任）性定制 14
1.3.7 Ionic的缺点 14
1.3.8 Ionic的商业案例 15
1.3.9 Ionic的开源案例 17
1.4 学习完本书找工作与创业 17 [1]
1.4.1从本书的项目实战开始准备技术作品17
1.4.2Ionic助力实现你的创业梦想18
1.5小结18
第2章Ionic的开发调试环境安装19
2.1Ionic快速上手环境安装19
2.1.1安装Node.js和NPM19
2.1.2安装Git21
2.1.3安装Gulp和Bower23
2.1.4安装IonicCLI与Cordova25
2.1.5安装设置Chrome浏览器（推荐）27
2.1.6HelloIonic项目29
2.1.7使用浏览器验证开发环境自动重载特性30
2.2Windows下安装Android开发平台31
2.2.1安装Android开发环境31
2.2.2为测试项目增加Android平台支持36
2.2.3连接Android实体机设备测试App36
2.2.4不使用Android模拟器的说明37
2.3MacOS下安装iOS与Android开发平台37
2.3.1安装Xcode38
2.3.2为测试项目增加iOS平台支持38
2.3.3连接iOS模拟器测试App38
2.3.4低成本连接iOS实体机设备测试App39
2.3.5安装Android开发环境40
2.3.6为测试项目增加Android平台支持45
2.3.7连接Android实体机设备测试App45
2.4安装开发工具VisualStudioCode（推荐）46
2.4.1安装开发工具VisualStudioCode46
2.4.2安装Ionic辅助编码插件47
2.5小结48
第二篇Ionic基础知识准备与常用库
第3章Angular入门初步51
3.1AngularCLI安装与使用51
3.1.1AngularCLI的安装52
3.1.2使用AngularCLI创建项目52
3.1.3使用AngularCLI启动开发服务器53
3.2Angular整体结构概述54
3.2.1Angular与TypeScript54
3.2.2Angular实现了M.V.VM模式55
3.2.3Angular实现了模块化55
3.2.4Angular实现了声明式界面56
3.2.5Angular实现了双向数据绑定56
3.3模块与依赖注入57
3.3.1根模块57
3.3.2使用模块与组件依赖注入58
3.4组件与模板59
3.4.1Angular中的组件59
3.4.2Angular中的模板和元数据59
3.5指令与服务60
3.5.1指令是什么60
3.5.2指令的使用61
3.6服务类组件63
3.7一个简单的Angular项目：实时自选股行情页64
3.8小结70
第4章其他基础知识与Ionic项目结构71
4.1SASS入门71
4.1.1变量与计算72
4.1.2样式嵌套73
4.1.3单行注释//75
4.1.4继承@extend76
4.1.5混入@mixin与@include77
4.1.6颜色计算79
4.1.7引入文件@import80
4.1.8条件语句@if和@else81
4.2lodash（可选学）81
4.2.1使用场景82
4.2.2引入到项目82
4.2.3进一步学习指南82
4.3Gulp使用简介（可选学）83
4.3.1Gulp主文件gulpfile.js的执行原理83
4.3.2获取流函数src84
4.3.3写文件函数dest85
4.3.4监视文件变化函数watch86
4.3.5定义任务函数task87
4.3.6解析Ionic项目Gulp主文件88
4.4Ionic项目模板目录结构简介89
4.4.1常用工作目录src90
4.4.2常用工作目录scss91
4.4.3常用工作目录resources91
4.4.4重要文件package.json91
4.4.5重要文件config.xml91
4.4.6其他目录与文件简介92
4.5小结92
第三篇Ionic组件完全解析
第5章Ionic常用内置组件95
5.1选项卡栏95
5.2导航栏99
5.2.1单层标题导航栏99
5.2.2多层标题导航栏100
5.2.3导航栏的页面跳转101
5.3按钮105 [2]
5.3.2按钮尺寸与形状106
5.3.3无填充色按钮107
5.3.4图标按钮108
5.3.5标题栏按钮110
5.4列表容器112
5.4.1列表头、普通列表和箭头列表115
5.4.2图标列表116
5.4.3图片列表116
5.4.4侧滑列表116
5.5展示卡117
5.5.1普通卡片118
5.5.2列表卡片119
5.5.3社交类卡片119
5.6输入框121
5.6.1普通输入框122
5.6.2带图标输入框122
5.6.3有边距的输入框123
5.6.4其他输入框效果123
5.6.5导航栏放置输入框124
5.7开关类组件125
5.8范围选择组件127
5.9选择框组件128
5.10自定义主题颜色130
5.11可用图标集130
5.12小结131
第6章Ionic内置TypeScript组件概述132
6.1Ionic内置TypeScript组件132
6.1.1组件分类与前后缀说明132
6.1.2使用Ionic内置服务组件133
6.1.3Ionic内置TypeScript组件与Angular集成134
6.2使用TypeScript组件的常见问题解决办法134
6.2.1交互调试部署到Android设备上的Ionic应用134
6.2.2设备上显示白屏幕错误问题调试135
6.2.3交互调试部署到iOS设备上的Ionic应用136
6.3小结137
第7章Ionic内置布局类组件138
7.1内容显示相关组件140
7.1.1内容展示容器141
7.1.2内容滚动容器143
7.2内容刷新相关组件144
7.2.1加载新内容滚动触发器144
7.2.2下拉刷新组件146
7.3小结149
第8章Ionic内置导航类组件150
8.1导航框架相关组件151
8.1.1生命周期钩子151
8.1.2页面跳转153
8.1.3页面间传值157
8.2选项卡相关组件163
8.2.1ion-tabs指令组件163
8.2.2ion-tab指令组件163
8.3侧栏菜单相关组件165
8.4导航应用综合实战：个人电子简历App框架169
8.5小结177
第9章Ionic内置数据展示与操作组件178
9.1对话框类相关组件178
9.1.1浮动框178
9.1.2弹出框182
9.1.3上拉菜单186
9.2加载中提示相关组件188
9.2.1加载中指示器189
9.2.2加载中指示服务190
9.3轮播组件192
9.4键盘组件195
9.5抽签应用练习196
9.6小结209
第10章Ionic内置基础服务组件与设备平台客制化210
10.1平台服务组件介绍210
10.2平台服务组件使用212
10.2.1获取设备相关信息212
10.2.2处理Android硬件返回键213
10.3设备平台客制化216
10.3.1重写SCSS样式类216
10.3.2使用Angular客制化平台风格示例217
10.4小结219
第11章借助插件接近无限可能220
11.1Cordova插件220
11.1.1搜索可用的插件220
11.1.2插件管理（安装、删除、显示已装插件）221
11.1.3cordova-plugin-battery-status插件使用示例223
11.1.4cordova-plugin-telerik-imagepicker插件说明225 [2]
11.2IonicNative插件使用226
11.2.1安装IonicNative插件226
11.2.2IonicNative插件使用步骤概要227
11.2.3插件Device使用示例229
11.2.4插件Toast使用示例230
11.2.5插件ActionSheet使用示例231
11.2.6插件AppVersion使用示例232
11.2.7插件Vibration使用示例233
11.2.8插件SocialSharing使用示例233
11.2.9插件Network使用示例234
11.2.10插件NativeStorage使用示例235
11.2.11插件Keyboard使用示例236
11.2.12插件TouchID使用示例237
11.3小结238
第12章后端服务器模拟环境搭建准备239
12.1MongoDB安装与测试240
12.2Postman安装与使用示例243
12.3使用Express初始化创建API示例245
12.4使用Mongoose完善数据持久化示例253
12.5使用Passport加入用户验证示例258
12.6小结268
第四篇App项目实战和发布推广
第13章项目实战：逍遥游Appv0.1(UGC+B2C应用)271
13.1项目和代码说明271
13.1.1项目说明271
13.1.2随书代码运行说明272
13.2功能设计273
13.2.1界面与功能概述274
13.2.2服务端API接口概述277
13.3功能实现277
13.3.1准备工作：部署服务器端环境277
13.3.2初始化项目设置与目录结构279
13.3.3实现总体界面导航与路由281
13.3.4实现侧栏菜单功能集293
13.3.5实现旅友行踪功能集302
13.3.6实现我的足迹功能集316
13.3.7实现预约旅游产品功能集337
13.3.8实现设置功能集356
13.3.9定制启动屏与App图标365
13.4小结与作业练习365
第14章应用的生成与发布更新367
14.1生成发布Android平台的应用包367
14.1.1生成发布版的apk文件367
14.1.2生成用于签名的私钥368
14.1.3对apk文件签名368
14.1.4优化apk文件并改名369
14.1.5发布Android应用370
14.2生成发布iOS平台的应用370
14.2.1使用开发者账户连接Xcode371
14.2.2签名371
14.2.3设置应用的标识名372
14.2.4开始应用上架登记373
14.2.5尝试编译生成正式发布版的应用376
14.2.6使用Xcode打包App应用376
14.2.7创建应用的发布档377
14.2.8完成应用上架登记378
14.3更新应用381
14.4小结382 [2]