等待專案建立好後,在專案建立完成後,首先依照官方文件引入 Supabase 客戶端庫。你需要使用專案提供的 Project URL 與 API key 來建立連線。 相關引入可以參考官方 document
註冊 (Sign Up)
使用下列程式碼即可完成會員註冊。註冊成功後,系統會自動寄送驗證信,並在 Supabase Dashboard 中新增使用者資料。
登入 (Sign In)
使用者完成信箱驗證後,可透過以下程式碼進行登入。登入成功時,Supabase 會回傳包含 session 資訊的物件,並自動儲存該 session 以便後續存取與授權。
Session 管理
登入後取得的 session 物件內包含存取權限(access token)、刷新權限(refresh token)以及使用者資料。透過設定 persistSession: true,Supabase 會自動將 session 儲存於本地,使得在重新整理頁面或重啟應用時仍能保持登入狀態。也可以使用下列方式監控認證狀態變化:
登出 (Sign Out)
若使用者需要登出,僅需呼叫下列程式碼,即可清除本地 session,使應用回到未登入狀態:
以上就是利用 Supabase 完成會員註冊、登入與登出流程的基本步驟。 更多細節請參考官方文件:Auth Sign In With Password 與 Installing Supabase JS.
**範例: example **請注意要使用自己的 Project URL 與 API Key。