製作功能
- 登入
- 註冊
- 建置網站
- 新增多筆資料至即時資料庫
因為族譜屬於個資，所以需要全線管理系統。我們透過Firebase的API建置登入系統，輸入完電子郵件和密碼後，可以選擇按下方的登入按鈕或Enter鍵登入。可以選擇顯示密碼或隱藏密碼。
下圖為程式碼:
以下的影片是登入的畫面:
透過Firebase的API建置註冊系統，註冊完成的使用者必須使用註冊的信箱收取驗證郵件才可登入。可以選擇顯示密碼或隱藏密碼。
下圖為程式碼:
下圖為註冊完成後收到的驗證信件:
下圖為通過驗證的提示訊息:
Firebase可以直接將本地的網頁檔案部屬成網站，讓網際網路上的使用者使用。
下圖為建置網站的過程:
下圖為網站首頁:
Firebase一次只能新增一筆資料，我們透過JavaScript建置一次新增多筆資料的功能。
下圖為程式碼:
下圖為新增多筆資料的頁面
以下的影片是新增多筆資料的畫面: