Firebase 登入模組

Firebase 部分

點擊Authentication

點擊開始使用

點擊電子郵件

選擇啟用並儲存

切換到Templates

點擊編輯切換範本語言

選擇繁體中文後點擊儲存

點擊設定>專案設定

點擊編輯編輯公開名稱

*(公開名稱會出現在電子郵件裡)

複製API

Thunkable 部分

進入Thunkable

點擊創建

輸入名稱點擊創建

畫面設計

拖曳2個頁面

*(原本有一個)

拖曳這些元件

點擊專案名稱，在右邊貼上剛才的API

點擊元件進入設定:

所有可見元件(不包含畫面)皆設定外距上下各10px

1.電子郵件輸入(基本)

2密碼輸入(基本)

3密碼輸入(進階)

4所有按鈕(基本)打上按鈕文字:登入、註冊、忘記密碼和登出

完成後樣式如下:

畫面1

畫面2

5對話框(基本)

輸入標題，之後就不需每次輸入

6對話框(進階)

使用按鈕列表

程式設計

畫面1

變數

"ID"是用來儲存使用者的專一編號，若為null 則代表未登入

副程式

"對話框"是快速顯示對話框的副程式

主程式

當畫面1開啟時，偵測是否之前已經登入，已登入就自動跳過

當按鈕登入點擊時，執行登入，如果錯誤，則顯示錯誤訊息，否則判斷是否驗證，若已驗證，則儲存ID、歡迎和登入，否則顯示"請先驗證"(為了用戶帳密安全，如有錯誤會清除密碼輸入的內容)

當按鈕註冊點擊時，執行註冊，如果錯誤，則顯示錯誤訊息，否則顯示"已傳送驗證郵件到信箱"

當按鈕變更密碼點擊時，執行重設密碼，如果錯誤，則顯示錯誤訊息，否則顯示"已傳送變更密碼郵件到信箱"(變更密碼後密碼會不一樣，所以清除密碼)

畫面2

當畫面2開啟時，偵測是否已經登出，已登出就自動回畫面1

當按鈕登出點擊時，執行登出，設ID為null並回到畫面1

管理帳號

回到主控臺登入功能頁面，在user這裡可以管理，包含重設密碼郵件、停用帳號、刪除帳號...