Supabase的身份認證和會員管理

身份認證介面

Supabase的Row Level Security(資料列安全原則)

Providers頁面

Supabase預設提供用戶email和密碼、magic link的登入方式，，也有提供多種第三方登入選項可以給管理員選擇是否開啟，其中包含也最多人使用的Facebook、Google登入方式，如果專案是專門給開發者使用可以考慮使用Github登入。

以臺灣來說只差在沒有提供Line登入的選項，其餘的都相當實用，手機門號的登入僅限特定區域可使用就暫時不考慮。

串接的方式也相對簡單，較困難的地方大概只有去平台申請第三方登入需要填很多資料，申請完成後拿到對應的Client ID和Client Secret，按照頁面裡指定的欄位填入，並且把返回的URL設定成後台指定的位置即可，實際的設定之後實作環節再詳細檢視。

Email Templates頁面

Email Templates頁面可以設定要寄送給用的email長什麼樣，在這裡可以自訂mail的格式，當然如果不想設定也沒關係，Supabase就有提供每種情境的預設模板，如果有自己修改就會看起來更加客製化。

URL Configuration頁面

這頁面就是設定主要客戶端的URL位置，還有允許的返回URL。

其中返回URL是第三方登入使用的地方，只有在列表裡面的白名單url才會正確返回頁面，否則登入就算成功也會被導回首頁。

新增首位使用者

使用者資料位置

使用Supabase時，操作使用者登入、登出、第三方登入、email登入這些事情都完全交給Supabase的SDK去操作即可，如果在資料庫中需要判斷使用者資訊則使用每個使用者的UID作為判斷就好。

查詢的位置可以在原本的Users頁面直接看，或是回到Table Editor頁面，schema選到auth後，下方選擇users表格即可一覽所有使用者資料，如同下圖中位置。

但要注意原則上不會手動去操做public以外的表格或欄位，如果要為每個使用者建立自己的表格用來紀錄使用者資訊，則可以使用Triggers的功能，詳細的整個範例可以直接使用參考Supabase提供的整個模板。

如果有使用的話可以看到supabase提供完整sql模板，並且使用Triggers的功能，在使用者被新建的時候觸發，並把使用者的資料塞入表格指定欄位裡面，如果是實作第三方登入的話還會把頭圖給存進資料庫內。

總結

有興趣的內容

Zeabur：一個讓您的服務部署變得輕而易舉的平台，無論您使用何種程式語言或開發框架，都能快速上手，釋放您的創造力！ 六角學院的Vue直播班課程：掌握Vue 3的神秘面紗，透過專業指導和實戰練習，打造屬於您的獨特網站作品，讓您在前端開發的道路上一馬當先！