Question

鉴于我们已经学习过了所有移动混合 app 开发需要的只是，本章我们就真枪实刀的来做一个了。 我们将要制作的是一个信息应用（聊天应用，短信应用），叫做

Ionic Chat 。 第六章 书店 App 中，我们着重整合 REST API， 本章我们将要制作的 Ionic Chat app 更多的关注于利用 Ionic 整合设备功能，例如摄像头和 Geolocation， 同时也会重点关注与实时数据存储（如 Firebase）对话。我们将涵盖如下主题：

•  

初步理解 Firebase 与设置一个 Firebase 账号

•  

了解 AngularFire

•  

了解应用架构

•  

搭建 Ionic app 并进行编译

• 安装所需插件并整合到 Ionic App: , ,

8.5.1 8.5.2 8.5.3

•  

在设备上测试 app

关于本章，你也可以通过以下 Github 目录来访问源代码，发起 issue，与作者沟通:

https://github.com/learning-ionic/Chapter-8

Ionic 聊天应用

我们本章中将要制作的原因名为 Ionic Chat。app 的目的是让你熟悉使用 AngularFire 和 Ionic 制作的聊天应用，同时使用 ngCordova 整合 Cordova 插件与 Ionic。首先我们会学习 Firebase，然后聊一点 AngularFire，最后学习如何整合 AngularFire 与 Ionic Chat 应用。我们将使用 Firebase 作为实时数据存储。 Firebase 将负责实时同步数据。同时我们将使用 oAuth Cordova 插件与 Firebase Auth 组合来管理用户的认证。一旦用户登录后，他将在第一个标签页中看到所有的在线用户。第二个标签页是聊天历史和当前参与聊天的用户组成。 最后，第三个标签页是设置和登出页。当用户点击聊天列表里的人名的时候，将会打开一个聊天也，聊天页里可以看到过往聊天历史记录，可以发送新的信息，图片以及地理信息给其他用户。

为简单起见，应用中我们只展示所有的在线用户。你喜欢的话，可以实现一个“添加好友”功能。