Ionic实战:基于AngularJS的移动混合应用开发

Ionic实战:基于AngularJS的移动混合应用开发

查阅电子书
手机扫码
  • 微信扫一扫

    关注微信公众号

因版权原因待上架

编辑推荐

无论你是否有相关开发经验,都可以帮助你快速掌握Ionic。

内容简介

只需掌握Web技术就能开发移动应用是不是很爽?有了Ionic之后,App的开发变得如此简单:使用我们熟知的HTML、CSS和JavaScript技术就可以同时开发iOS和Android应用。

本书指导Web开发者使用Ionic和AngularJS创建移动应用。通过大量带有注释的示例,本书展示了如何使用移动UI组件,如何利用当前地点数据,如何集成相机等原生设备功能,如何添加手势操作以及外部数据存储等功能,让我们能创建出更加原生的应用。本书还介绍了如何通过测试提升应用的稳定性以及在开发中定位错误。然后,使用命令行工具教会大家如何创建并将应用发布到应用商店。

作者简介

作者Jeremy Wilken,语音播客设计的主持人,SoundHound评价他是语音人工智能领域的顶级影响力者。他是一名软件工程师和语音设计师、谷歌网络技术开发专家。他的主要兴趣在于用户和技术如何相互关联,以及如何通过利用现代技术确保所有用户的最佳体验。

章节目录

版权信息

内容简介

译者序

前言

致谢

关于本书

封面图片

1 Ionic和Hybrid应用介绍

1.1 Ionic是什么

1.2 移动开发类型

1.2.1 原生移动应用

1.2.2 移动端网站(Web应用)

1.2.3 Hybrid应用

1.3 理解Ionic技术栈

1.3.1 Ionic:用户界面框架

1.3.2 Angular:Web应用框架

1.3.3 Cordova:Hybrid应用框架

1.4 为什么选择Ionic

1.4.1 开发者为什么要选择Ionic

1.4.2 Ionic的缺点

1.5 使用Ionic构建应用的前提

1.5.1 掌握HTML、CSS和JavaScript

1.5.2 掌握Web应用和Angular

1.5.3 拥有移动设备

1.6 Ionic支持的移动设备和平台

1.6.1 苹果的iOS

1.6.2 谷歌的Android

1.7 总结

2 配置开发环境

2.1 快速上手

2.1.1 设置开发环境

2.1.2 创建一个新项目

2.1.3 项目文件夹结构

2.1.4 在浏览器中预览

2.2 配置预览环境

2.2.1 安装平台工具

2.2.2 配置模拟器

2.2.3 配置连接设备

2.2.4 给项目添加平台

2.2.5 在模拟器中预览

2.2.6 在移动设备上预览

2.3 总结

3 AngularJS必备知识

3.1 AngularJS初探

3.1.1 视图和模板:描述内容

3.1.2 控制器、模型和作用域:管理数据和逻辑

3.1.3 Service:可重用的对象和方法

3.1.4 双向数据绑定:在控制器和视图之间共享数据

3.2 配置本章的项目

3.2.1 获取项目文件

3.2.2 启动开发服务器

3.3 Angular应用基础

3.4 控制器:控制数据和业务逻辑

3.5 加载数据:使用控制器来加载数据并显示在视图中

3.5.1 过滤器:转换视图中的数据

3.6 处理选择笔记的单击事件

3.7 创建一个指令,用来解析Markdown格式的笔记

3.8 使用模型来管理内容编辑

3.9 保存和删除笔记

3.9.1 添加save()方法

3.9.2 使用Angular表单进行验证

3.9.3 添加和删除方法

3.10 继续学习Angular

3.11 挑战

3.12 总结

4 Ionic导航和核心组件

4.1 配置项目

4.1.1 创建一个新应用并手动添加代码

4.1.2 克隆完整版应用

4.2 配置应用导航

4.2.1 设计良好的应用导航

4.2.2 使用状态管理器来声明应用视图

4.3 构建主视图

4.3.1 创建内容容器

4.3.2 使用CSS组件并添加一个简单的链接列表

4.3.3 给列表元素添加图标

4.4 使用控制器和模型来开发预订视图

4.5 把数据加载到天气视图中

4.5.1 给天气视图添加模板

4.5.2 创建天气控制器加载外部数据

4.5.3 给天气视图添加一个载入指示器

4.6 在餐馆视图中使用卡片和无限滚动

4.7 使用幻灯片组件来实现应用介绍

4.8 挑战

4.9 总结

5 选项卡、高级列表和表单组件

5.1 配置本章的项目

5.1.1 手动创建项目并添加代码

5.1.2 克隆完整项目

5.2 ionTabs:添加选项卡和导航

5.2.1 给应用添加选项卡容器和三个选项卡

5.3 给每个选项卡添加ionNavView

5.4 加载并显示当前的比特币汇率

5.5 在同一个选项卡视图中显示货币细节

5.6 刷新比特币汇率并显示帮助信息

5.6.1 IonRefresher:下拉刷新汇率

5.6.2 $IonicPopover:弹出帮助信息

5.7 绘制历史数据

5.7.1 配置第三方库

5.7.2 历史信息选项卡模板:使用Highcharts和下拉列表来切换货币

5.7.3 历史信息选项卡控制器:加载数据并配置图表

5.8 货币选项卡:支持重新排序和开关

5.8.1 IonReorderButton:让列表支持重新排序

5.8.2 IonToggle:给列表元素添加开关

5.9 挑战

5.10 总结

6 使用Ionic开发一款天气应用

6.1 项目配置

6.2 设置侧滑菜单和视图

6.3 地理位置搜索

6.4 增加设置视图和数据的服务

6.4.1 创建收藏地点和设置服务

6.4.2 在侧滑菜单列表中显示收藏的地点

6.4.3 增加设置视图模板

6.4.4 设置视图控制器

6.5 设置天气视图

6.5.1 获取Forecast.io API密钥

6.5.2 使用Ionic命令行代理

6.5.3 增加天气视图的控制器和模板

6.6 ionScroll:制作自定义滚动内容组件

6.6.1 在页面中使用ionScroll

6.6.2 为天气数据查询创建过滤器

6.7 活动菜单列表:显示可选列表

6.8 ionModal:显示日出和日落数据表

6.8.1 配置弹窗

6.8.2 数据列表集:让日出和日落时间列表显示得更快

6.9 弹框:提示并确认收藏地点修改

6.10 挑战

6.11 总结

7 开发高级应用

7.1 配置本章项目

7.1.1 获取代码

7.2 使用Sass自定义Ionic样式

7.2.1 设置Sass

7.2.2 使用Sass变量自定义Ionic

7.2.3 使用Sass编写样式

7.3 如何支持联网和离线模式

7.4 处理手势事件

7.4.1 使用Ionic事件指令监听事件

7.4.2 使用$ionicGesture服务监听事件

7.4.3 支持的手势事件

7.5 数据持久化

7.5.1 使用localStorage

7.5.2 使用Web SQL、IndexedDB和SQLite

7.5.3 Cordova插件提供的其他选项

7.6 制作跨平台的应用

7.6.1 一种尺寸并不能满足所有情况

7.6.2 根据平台或者设备类型适配样式

7.6.3 为平台和设备类型适配交互

7.7 使用$ionicConfigProvider编辑默认交互行为

7.8 总结

8 使用Cordova插件

8.1 Cordova插件

8.1.1 使用插件要考虑的问题

8.1.2 安装插件

8.1.3 使用插件

8.1.4 在模拟器中使用插件

8.1.5 插件和系统限制

8.1.6 Angular和Cordova陷阱

8.1.7 关于设备和模拟器的一些常见问题解决办法

8.2 ngCordova

8.2.1 安装ngCordova

8.3 在应用中使用相机和相册插件

8.3.1 创建相机应用

8.3.2 增加相机插件

8.3.3 创建相册视图

8.4 在天气应用中使用地理位置

8.4.1 配置地理位置插件示例

8.4.2 添加地理位置插件和ngCordova

8.4.3 请求用户的地理位置

8.4.4 优化天气应用

8.5 本章挑战

8.6 总结

9 预览、调试和自动化测试

9.1 预览、调试和测试之间的区别

9.1.1 为什么测试如此重要

9.2 配置本章示例

9.3 预览应用的其他方法

9.3.1 Ionic Lab

9.3.2 Ionic View

9.4 使用真机调试

9.4.1 在Android设备上进行调试

9.4.2 在iOS或模拟器中进行调试

9.5 自动化测试

9.5.1 使用Jasmine和Karma进行单元测试

9.5.2 使用Protractor和WebDriver进行集成测试

9.6 更多的测试示例

9.7 总结

10 编译并发布应用

10.1 创建应用过程一览

10.2 创建应用图标和启动页面图片

10.2.1 创建图标

10.2.2 创建启动页面图片

10.3 准备上线应用

10.4 编译Android应用并发布到Google Play

10.4.1 配置应用的签名

10.4.2 编译应用文件

10.4.3 签名应用文件

10.4.4 优化APK文件

10.4.5 编译应用的升级版本

10.4.6 创建应用清单并将应用上传到Play Store

10.4.7 升级应用清单或上传新版本

10.4.8 选择Android商店

10.5 编译iOS应用并发布到AppStore

10.5.1 配置认证和ID

10.5.2 配置应用的ID标识

10.5.3 在iTunes Connect中创建应用清单

10.5.4 使用Xcode编译并上传应用

10.5.5 完善iTunes Connect应用清单信息

10.5.6 更新应用

10.6 总结

附录A 相关资源

A.1 Ionic

A.2 Angular

A.3 Cordova

A.4 相关博客

Ionic实战:基于AngularJS的移动混合应用开发是2016年由电子工业出版社出版,作者[美] Jeremy Wilken。

得书感谢您对《Ionic实战:基于AngularJS的移动混合应用开发》关注和支持,如本书内容有不良信息或侵权等情形的,请联系本网站。

购买这本书

你可能喜欢
Bootstrap与移动应用开发 电子书
1、选取知识点核心实用,以互联网+实现终身学习2、以企业需求为设计导向,以任务驱动为讲解方式3、以案例为主线组织知识点,以实战项目来提升技术4、充分考虑学习者的认知曲线,由浅入深,边讲边练
物联网移动应用开发 电子书
物联网移动应用开发是物联网应用技术专业与软件技术专业的重点专业课程,本书采用“AndroidStudio应用程序”开发整个系统,旨在使读者掌握物联网应用系统开发中的思路、方法和常用技术。本书吸纳一线教师的教学经验和企业成熟的开发成果,具有通俗易懂、内容精炼、重点突出、层次分明、实例丰富的特点。通过本书的学习,读者可以具备使用Android进行物联网应用系统代码编写、修改、测试的能力,可以从事And
移动电商应用实战 电子书
本书通过对10个主流移动电子商务平台、6大移动电子商务模式的讲解,帮助读者快速熟悉移动电子商务的实战技巧。全书共11章,主要内容包括认识移动电商、微商朋友圆营销、微信公众号内容运营、社群电商、今日头条运营、短视频运营、手机淘宝开店、京东商城开店、微店运营、玩转App电商、O2O移动电商。
Android移动应用设计与开发(第2版)——基于Android Studio开发环境 电子书
适读人群 :高校计算机、软件相关专业学生,适合零售和培训。   1. 以Android Studio为开发环境,同类书国内空白。   2. 以一个完整的实际商业案例来讲述移动应用的开发过程,并将其功能需求穿插到书中各章节,通过结合该案例给读者系统而生动的阐述各个知识点,并最终引导读者构建一款完整的移动应用产品。
移动计算及应用开发技术 电子书
本书共两个部分,分别介绍移动计算理论和移动应用开发技术。在移动计算理论部分,主要介绍移动计算的基本概念、移动计算环境的要素、移动终端的发展、无线网络技术,以及无线定位技术。在移动应用开发技术部分,介绍基于Android操作系统的移动应用开发,主要包括界面开发、资源管理、数据存取、消息与服务、感知与多媒体,以及操作系统与通信。此外,本书还给出Android开发的命名规范,介绍常用的开发工具ADB和S