项目:露营聊天软件(Camper Chat) - 第一课:介绍

优质
小牛编辑
129浏览
2023-12-01

这个应用是很大个的,是“一个挑战”,是“万中选一”,是我们本书制作的最后一个应用,我觉得这个应用很适合用来作为结尾。相对与之前应用来讲,这个应用不需要完成之前的应用作为前提,因为这个应用所有东西都会详细解释,即使是之前应用中已经解释过了,但是这个应用的难度也上了一个台阶,我不会讲太多的基础知识。所以,如果你现在还是对Ionic 2不大舒服的话,你还是先熟悉一下其他的应用吧,因为他们简单些。
本部分我们将制作Camper Chat,实际上就是一个实时聊天应用。用户可以使用他们的Facebook账号登录,然后跟其他使用此应用的用户聊大篷车和露营的事情。这个应用最酷的地方是整合PouchDB来存储本地数据,以及使用Cloudant来同步PouchDB数据到远程后端。这意味着用户在离线的时候,他的数据也可以访问到,当用户在此上线的时候,会从远程后端获取最新数据。
为给你一个准确的定义,本应用的具体功能点如下:

  • 用户可以通过使用Facebook账号登录了来使用此应用
  • 用户可以留言其他用户可以看到和回复(实时)
  • 用户将在此应用中使用Facebook头像和名字
  • 用户可以登出
  • 用户可以查看‘About’页

有了以上需求定义,我们将要学习的知识点包括:

  • 导航
  • 使用侧边滑动菜单
  • 使用PouchDB来存储本地数据
  • 使用Cloudant来存储远程数据
  • 使用Facebook API进行认证和其他功能
  • 实时更新和显示数据

以下是一些应用截图给你预先一个参考:
预览
预览

课程结构

  1. 准备工作
  2. 登录页和侧滑菜单布局
  3. 使用Facebook进行验证
  4. 制作和展示信息与导航
  5. 使用PouchDB和Cloudant制作本地和远程后端
  6. 自定义样式

准备好了吗?
现在你知道了你要做什么,那么我们就可以开始了。