Download presentation
Presentation is loading. Please wait.
1
CH10 即時雲端資料庫 聊天室App
2
CH10 即時雲端資料庫 Firebase即時雲端資料庫 延伸練習 Firebase的登入與專案管理 FirebaseDB組件
App範例：多人雲端聊天室App 延伸練習 App練習：雲端共用記帳本
3
Firebase的登入與專案管理
4
Firebase的登入與專案管理
5
Firebase的登入與專案管理
6
Firebase的登入與專案管理
7
Firebase的登入與專案管理
8
將Name 令為Ch10，Value 保持不輸入，然後按下Value 右方的+號，便可開始建立第二層。
9
Firebase的登入與專案管理 第二層資料的名稱輸入Chat，Value 輸入~Welcome~，並按下ADD完成建立。
10
Firebase的登入與專案管理 將滑鼠移至Ch10，並點擊其右方的+號，以新增Name 為List，Value 為"[\"aaa\",\"bbb\"]" 的資料，並按下ADD：
![Firebase的登入與專案管理 將滑鼠移至Ch10，並點擊其右方的+號，以新增Name 為List，Value 為 [\ aaa\ ,\ bbb\ ] 的資料，並按下ADD：](http://slidesplayer.com/slide/16791984/97/images/10/Firebase%E7%9A%84%E7%99%BB%E5%85%A5%E8%88%87%E5%B0%88%E6%A1%88%E7%AE%A1%E7%90%86+%E5%B0%87%E6%BB%91%E9%BC%A0%E7%A7%BB%E8%87%B3Ch10%EF%BC%8C%E4%B8%A6%E9%BB%9E%E6%93%8A%E5%85%B6%E5%8F%B3%E6%96%B9%E7%9A%84%2B%E8%99%9F%EF%BC%8C%E4%BB%A5%E6%96%B0%E5%A2%9EName+%E7%82%BAList%EF%BC%8CValue+%E7%82%BA+%5B%5C+aaa%5C+%2C%5C+bbb%5C+%5D+%E7%9A%84%E8%B3%87%E6%96%99%EF%BC%8C%E4%B8%A6%E6%8C%89%E4%B8%8BADD%EF%BC%9A.jpg "Firebase的登入與專案管理 將滑鼠移至Ch10，並點擊其右方的+號，以新增Name 為List，Value 為 [\ aaa\ ,\ bbb\ ] 的資料，並按下ADD：")
11
Firebase的登入與專案管理 將滑鼠移至Ch10，並點擊其右方的+號，新增Name 為Users，Value 為"[[\"admin\",\"1234\"],[\"guest\",\"guest\"]]" 的資料，並按下ADD。
![Firebase的登入與專案管理 將滑鼠移至Ch10，並點擊其右方的+號，新增Name 為Users，Value 為 [[\ admin\ ,\ 1234\ ],[\ guest\ ,\ guest\ ]] 的資料，並按下ADD。](http://slidesplayer.com/slide/16791984/97/images/11/Firebase%E7%9A%84%E7%99%BB%E5%85%A5%E8%88%87%E5%B0%88%E6%A1%88%E7%AE%A1%E7%90%86+%E5%B0%87%E6%BB%91%E9%BC%A0%E7%A7%BB%E8%87%B3Ch10%EF%BC%8C%E4%B8%A6%E9%BB%9E%E6%93%8A%E5%85%B6%E5%8F%B3%E6%96%B9%E7%9A%84%2B%E8%99%9F%EF%BC%8C%E6%96%B0%E5%A2%9EName+%E7%82%BAUsers%EF%BC%8CValue+%E7%82%BA+%5B%5B%5C+admin%5C+%2C%5C+1234%5C+%5D%2C%5B%5C+guest%5C+%2C%5C+guest%5C+%5D%5D+%E7%9A%84%E8%B3%87%E6%96%99%EF%BC%8C%E4%B8%A6%E6%8C%89%E4%B8%8BADD%E3%80%82.jpg "Firebase的登入與專案管理 將滑鼠移至Ch10，並點擊其右方的+號，新增Name 為Users，Value 為 [[\ admin\ ,\ 1234\ ],[\ guest\ ,\ guest\ ]] 的資料，並按下ADD。")
12
Firebase的登入與專案管理
13
Firebase的登入與專案管理
14
FirebaseDB組件
15
FirebaseDB組件
16
FirebaseDB組件
17
FirebaseDB組件
18
FirebaseDB組件
19
FirebaseDB組件
23
App範例：多人雲端聊天室App STEP 4. 接下來建立註冊按鈕。
24
App範例：多人雲端聊天室App
25
App範例：多人雲端聊天室App
26
App範例：多人雲端聊天室App
27
App範例：多人雲端聊天室App
28
App範例：多人雲端聊天室App
29
App範例：多人雲端聊天室App
30
App範例：多人雲端聊天室App
Similar presentations
