2026/10 on BenzHub

Supabase Storage：Image Transformations、Resumable 與 S3 | Supabase 完整教學

Thu, 15 Oct 2026 00:00:00 +0000

上一篇我們把 Storage 的「安全」守住了；這一篇要處理「效能與規模」。你會學到用 Image Transformations 在 getPublicUrl／createSignedUrl 帶 transform 即時產縮圖、搭 CDN 快取省頻寬；用 Resumable Uploads（TUS 協定）穩穩上傳 6MB 以上的大檔；再用 S3 相容 API 讓 AWS SDK、rclone、s3cmd 這些既有工具直接操作 Supabase Storage。一次講清「三種上傳／取用方式」各自的定位，Storage 段就此收尾。

Supabase Storage 權限與存取控制：用 RLS 守好每個檔案 | Supabase 完整教學

Wed, 14 Oct 2026 00:00:00 +0000

上一篇你學會了建 bucket、上傳與取用檔案，但存取控制還很粗：public 全公開、private 靠簽名連結。這一篇要把你在 009–011 篇熟透的 RLS 下沉到 Storage——原來 Supabase Storage 的權限就是 Postgres RLS，政策全寫在 storage.objects 資料表上，依 bucket_id 與路徑第一層資料夾授權。我們會實作「每人只能存取自己資料夾」「公開讀、私密寫」等常見模式，並釐清 public bucket 與 signed URL 各自的角色。

Supabase Storage 物件儲存入門：上傳、取用檔案 | Supabase 完整教學

Tue, 13 Oct 2026 00:00:00 +0000

登入的故事講完了，這一篇換上全新主題：檔案。Supabase Storage 是 Supabase 內建的**物件儲存（Object Storage）**服務——圖片、影片、PDF 這類「不適合塞進資料表」的檔案，都交給它保管。本篇帶你從零建立 bucket、用 upload 上傳、用 getPublicUrl 與 createSignedUrl 取用、用 list／remove 管理，並學會 user_id/檔名 的路徑慣例與大小、MIME 限制。這是 Storage 段的第一篇。

Supabase MFA 與 SSR：多因子驗證與伺服器端渲染 | Supabase 完整教學

Mon, 12 Oct 2026 00:00:00 +0000

前面幾篇我們把「怎麼進門」講完了——email 密碼、OAuth、Magic Link 與 OTP，全都通往同一組 session。這一篇談「進門之後怎麼守得更穩」：先幫登入加上第二道防線，也就是 MFA（多因子驗證）／TOTP，用 enroll／challenge／verify 三步把 session 從 AAL1 升級成 AAL2，再用 RLS 依 aal 限制高敏感操作；接著處理 SSR——用 @supabase/ssr 以 cookie 保管 session，靠 middleware 在每個請求刷新 token，伺服器端一律用 getUser() 而非 getSession() 做授權。這是整個 Auth 段的收尾。

Supabase Magic Link 與 OTP：無密碼登入實作 | Supabase 完整教學

Sun, 11 Oct 2026 00:00:00 +0000

前兩篇我們讓使用者用 email 加密碼、或用 Google／GitHub 社群帳號登入。這一篇走向另一個極端——完全不要密碼：使用者只留一個 email，我們寄一條神奇連結（Magic Link）或一組 6 碼 OTP，點一下或輸入六位數就登入。核心是一支 signInWithOtp，寄連結還是寄驗證碼只差在 email 樣板用 {{ .ConfirmationURL }} 還是 {{ .Token }}；驗證碼那條再用 verifyOtp 收尾。我們也會講 shouldCreateUser、簡訊 OTP、以及限流與過期這些實務細節。

Supabase OAuth 社群登入：Google／GitHub 一鍵登入實作 | Supabase 完整教學

Sat, 10 Oct 2026 00:00:00 +0000

上一篇《Email/Password 驗證》我們讓使用者用 email 加密碼登入。這一篇換一種對使用者更省事的進門方式：OAuth 社群登入——按一顆「用 Google 登入」或「用 GitHub 登入」的按鈕就完成。我們會走完整條路：在 Dashboard 設定 provider 的 client id/secret 與 callback URL、前端呼叫 signInWithOAuth 觸發跳轉、理解 PKCE 流程如何防截取、在 callback route 用 exchangeCodeForSession 換回 session，最後讀取 provider 帶回的個人資料。

Supabase Email/Password 驗證：註冊、確認信與密碼重設 | Supabase 完整教學

Fri, 09 Oct 2026 00:00:00 +0000

上一篇《Auth 入門》我們把 session、JWT 與 RLS 的整合地基打好了。這一篇要把它落地：實作最經典、幾乎每個應用都會用到的 Email / Password 驗證。我們會走完整條路——signUp 註冊、Email 確認信流程、signInWithPassword 登入、signOut 登出，一直到 resetPasswordForEmail + updateUser 的密碼重設，並用 onAuthStateChange 即時監聽狀態變化。你會得到一套真的能跑的驗證系統。

Supabase Auth 入門：使用者、Session 與 JWT | Supabase 完整教學

Thu, 08 Oct 2026 00:00:00 +0000

Supabase Auth 建立在 GoTrue 這套開源驗證伺服器之上，負責「你是誰」這件事——使用者的註冊、登入、以及登入狀態（session）的管理。這一篇是核心服務的起點：我們會講清楚 access token（JWT）與 refresh token 怎麼搭配、auth.users 系統表與你自建的 public.profiles 如何關聯，以及最關鍵的一環——JWT 裡的 sub 為什麼等於 auth.uid()，讓 Auth 與前面學過的 RLS 無縫接上。

Supabase 型別生成與進階用法 | Supabase 完整教學

Wed, 07 Oct 2026 00:00:00 +0000

上一篇我們把 supabase-js 的 CRUD 讀寫玩熟了，但那些查詢的 data 型別其實還很鬆散。這一篇要補上最後一塊拼圖——型別安全：用 Supabase CLI 的 supabase gen types typescript 從資料庫 schema 生成 Database 型別，搭配 createClient<Database> 注入 client，讓每一次 select、insert、update 都有完整的 TypeScript 推導與 IntelliSense。你還會學到 Tables / TablesInsert 等 helper、用 QueryData 推導複雜關聯查詢、overrideTypes 覆寫，以及 abortSignal、csv、explain 等進階選項與 service_role 客戶端。

supabase-js CRUD 查詢與寫入 | Supabase 完整教學

Tue, 06 Oct 2026 00:00:00 +0000

上一篇我們認識了 supabase-js 這個統一 client，也知道 supabase.from() 是資料庫子模組的入口。這一篇就把最常用的一塊——CRUD（Create、Read、Update、Delete）——徹底玩熟。你會學到用 insert 新增（單筆與多筆批次）、select 查詢、update 搭配 filter 修改、upsert 靠 onConflict 做「有就更新、沒有就新增」、delete 刪除，並且看懂貫穿全部操作的 { data, error } 錯誤處理模式、為什麼 v2 寫入預設不回傳資料、以及 .single() 與 .maybeSingle() 的差別。

supabase-js 客戶端入門 | Supabase 完整教學

Mon, 05 Oct 2026 00:00:00 +0000

前面十五篇，我們一路用 SQL、curl 與裸的 .from()／.rpc() 認識了 Supabase 的資料庫與 REST API。但真正在寫應用時，你不會手刻 HTTP 請求——你會用官方的 supabase-js 客戶端。這一篇帶你正式認識這個 SDK：怎麼 npm install @supabase/supabase-js、怎麼用 createClient(url, anonKey) 建立一個 client、這個 client 底下 from／auth／storage／realtime／functions 五大子模組各管什麼，以及最關鍵的兩個實務問題——瀏覽器該用哪把金鑰、伺服器該用哪把，還有為什麼整個 App 只該建立一個 client（單例模式）。

RPC 呼叫資料庫函式 | Supabase 完整教學

Sun, 04 Oct 2026 00:00:00 +0000

學會了《Embedded Resources 關聯查詢》之後，你已經能用一支 API 把整棵關聯資料樹撈回來。但有些需求，光靠自動 API 的宣告式查詢還是不夠——多步驟交易（如轉帳要嘛全成功、要嘛全失敗）、跨多表的複雜聚合、需要繞過或精細控制權限的管理操作。這些更適合封裝進 PostgreSQL 的資料庫函式，再用 Supabase 的 RPC（supabase.rpc('fn', { args })）一支呼叫觸發。這一篇帶你把 RPC 用到位：對應 Postgres function、依名稱傳參數、回傳 scalar／setof／table、對 SETOF 結果串接 PostgREST 篩選、security definer 搭配 search_path，並看懂「RPC 其實也走 REST」（/rest/v1/rpc/fn）的原理，以及 pg_graphql 概觀。

Embedded Resources 關聯查詢 | Supabase 完整教學

Sat, 03 Oct 2026 00:00:00 +0000

學會了《查詢、篩選與分頁》之後，你已經能對單一資料表查得又準又快。但真實世界的資料很少是孤立的——文章有作者、訂單有客戶、商品有分類、演員演過很多電影。這些關聯該怎麼在一次查詢裡一起撈出來，而不用發好幾支 API、再自己在前端拼？這一篇帶你把 Supabase（PostgREST）的 Embedded Resources 關聯查詢用到位：靠外鍵（Foreign Key）自動偵測表間關係，用 select('*, author(*)') 這種寫法一次把關聯 join 成巢狀 JSON，並學會 !inner 內連接、巢狀篩選、多對多、以及多個外鍵指向同表時的關聯消歧義，徹底告別 N+1 查詢。

查詢、篩選與分頁 | Supabase 完整教學

Fri, 02 Oct 2026 00:00:00 +0000

學會了 PostgREST 自動 API 之後，真正的日常查詢幾乎不會是「把整張表撈出來」——你需要精準地篩選、排序，並在大量資料裡分頁。這一篇會帶你把 Supabase 的讀取查詢用到位：用 select 只取需要的欄位、用 eq／gt／ilike／in／is／contains 等篩選運算子組出精準條件、用 or 串邏輯、用 order 排序、用 range 與 limit 分頁、用 count 拿總筆數，最後用 single／maybeSingle 優雅地取單筆。全程以 supabase-js 為主、附上 REST 對照，讓你一眼看穿 SDK 底層發了什麼。

PostgREST 自動 API 入門 | Supabase 完整教學

Thu, 01 Oct 2026 00:00:00 +0000

PostgREST 是 Supabase 自動 API 的心臟——你在資料庫裡建好一張 table，它就自動幫你生出一整套 REST API，端點長得像 /rest/v1/products，支援讀寫、篩選、排序、分頁，完全不用手寫後端。這一篇會帶你認識這套「建表即有 API」的魔法：endpoint 怎麼組成、apikey 與 Authorization: Bearer 兩個 header 各自負責什麼、為什麼 REST 一樣受 RLS 保護，並對照 curl 直呼與 supabase-js 兩種寫法，最後解決「新建的表 API 卻看不到」的 schema cache 問題。