出海工具推薦:Supabase 讓後端變得像拼積木一樣簡單

作者:彭濤說
日期:2025年11月9日 上午5:30
來源:WeChat 原文

整理版優先睇

速讀 5 個重點 高亮

Supabase:AI編程最佳後端搭檔,一站式搞掂數據庫同認證

整理版摘要

呢篇文章係一個出海工具推薦,作者同我哋介紹Supabase呢個後端即服務框架。Supabase係基於PostgreSQL嘅開源工具,提供數據庫、用戶認證、文件儲存等功能,仲有個好靚嘅可視化面板,對新手好友好。作者之前分享過用AI做UI嘅工具,而家講後端點樣搞,結論係Supabase係AI編程嘅最佳搭檔,可以令開發快好多。

文章詳細講解咗點樣創建帳户、建立數據庫表、加入用戶認證同行級安全(RLS)。步驟好清晰,就算唔熟SQL都可以用SQL Editor貼句code搞掂。認證方面支援郵件、密碼同社交帳號,仲自動處理JWT,安全得嚟又方便。

最後作者總結咗Supabase嘅四大優點:一站式解決方案、對前端開發者友好、免費套餐好慷慨、同Vercel無縫集成。呢啲特點令佢好適合個人項目同早期產品,係出海開發嘅實戰利器。

  • Supabase係基於PostgreSQL嘅後端即服務框架,開源免費,提供數據庫、認證、存儲一站式方案。
  • 佢嘅可視化面板對新手好友好,亦支援SQL Editor直接執行SQL,靈活性高。
  • 用戶認證支援郵件、密碼同社交帳號,自動處理JWT,安全又方便。
  • 行級安全(RLS)允許精細權限控制,確保每個用戶只可以存取自己嘅數據。
  • 免費套餐功能強大,足以支撐個人項目,同Vercel無縫集成,係AI編程嘅最佳拍檔。
整理重點

Supabase係咩?點解咁值得用?

Supabase係一個開源嘅後端即服務框架,喺GitHub上已經有超過9萬個Star,係其中一個最頂級嘅開源項目。佢基於PostgreSQL關係型數據庫,封裝咗用戶認證、文件儲存等功能,提供一整套開箱即用嘅後端基礎設施。

後端即服務框架

佢嘅可視化運維面板做得好好,對於無接觸過編程嘅朋友都算友好。之前作者介紹過用AI做UI圖同原型圖,而家呢個工具就係解決後端數據服務嘅問題。

可視化運維面板

Supabase完全開源免費,你可以用源代碼或者Docker鏡像自己部署,或者直接用佢嘅雲服務版本。免費版最多可以創建兩個項目,足夠試玩同學習。

整理重點

5分鐘快速上手:創建項目同數據庫

首先去 https://supabase.com 註冊帳户,建議用GitHub登錄。跟住創建一個組織,揀免費plan,之後開新項目,改個名、set密碼,揀區域就可以啟動。

GitHub登錄

  1. 1 創建項目後,入控制枱左邊揀「Table Editor」嚟創建數據庫表。
  2. 2 添加字段例如 id、name、email,揀好數據類型,保存就搞掂。
  3. 3 如果你唔識SQL,可以用Claude CodeCodex幫你生成SQL,然後喺SQL Editor貼執行就得。
  4. 4 自定義嘅增刪改查都係喺SQL Editor搞。
整理重點

用戶認證與權限控制

Supabase內置用戶認證系統,支援郵件密碼登錄,仲有GoogleGitHub等社交帳號登錄。郵箱認證默認開咗,你可以喺email菜單自訂郵件標題同內容,甚至設定密碼重置功能。

內置用戶認證系統

佢會自動處理所有JWT認證流程,確保應用程式安全。另外,行級安全(RLS)功能好實用,你可以對每行數據設定權限,例如只有當前用戶先可以存取自己嘅數據。喺數據表設定頁啓用RLS,然後為SELECT、INSERT、UPDATE、DELETE定義條件就得。

整理重點

總結:AI開發者嘅最佳拍檔

Supabase係一個好強大又容易上手嘅後端工具,尤其適合想快速構建AI或Web應用嘅開發者。佢有四大優點:

  • 一站式解決方案:一個平台搞掂數據庫、認證、文件儲存、API,唔使周圍揾工具。
  • 對前端開發者好友好:用JavaScript就可以同數據庫、認證交互,降低全棧門檻。
  • 免費套餐好慷慨:足夠支撐個人項目同早期產品,零成本學習試錯。
  • 同Vercel無縫集成:環境變量自動配置,體驗一流。

AI編程最佳搭檔

㩒上面張卡片關注我

加星標 學更多項目

每日一個出海工具或技巧,今日分享嘅係一個同AI編程適配度極高嘅後端服務工具 Supabase。


圖片


Supabase 喺 GitHub 上已經收穫咗超過 9 萬個 Star,成為咗整個 GitHub 上最頂級嘅開源項目之一。


佢係一個基於 PostgreSQL 關係型數據庫嘅後端即服務框架,喺呢個基礎上封裝咗用戶認證、文件儲存等功能,提供咗一整套開箱即用嘅後端基礎設施。而且佢嘅可視化運維面板做得非常好,對於冇接觸過編程嘅朋友比較友好。


之前我寫過點樣用 AI 工具嚟做 UI 圖同原型圖。

【出海工具推薦】Stitch:一句話直接生成一整套原型圖/figma設計稿

5分鐘將想法變網站,呢3款 AI 開發工具勁到爆!


咁後端嘅數據服務點樣解決呢?呢個時候 Supabase 就可以幫到手喇。藉助佢強大嘅後端能力,我哋可以輕鬆實現數據庫管理、用戶登錄等功能。


Supabase 係一個完全開源、免費嘅項目,支持通過源代碼或者 Docker 鏡像自己部署一個完整嘅 Supabase 實例。


如果你唔想自己動手搭建,Supabase 仲提供咗雲服務版本,只要喺官網註冊一個賬户,就可以獲得免費嘅雲實例。要注意嘅係,免費版最多隻可以創建兩個項目。


呢篇文章主要介紹一下 Supabase 嘅基本使用,同埋點樣快速搭建一個帶有登錄同數據庫功能嘅完整前後端應用。


  1. 開 Supabase 賬户並啟動項目


首先,我哋需要訪問 https://supabase.com 註冊一個賬户。如果有 GitHub 賬號,推薦用 GitHub 登錄,更方便。


圖片


登錄後創建一個組織,可以填上你個名,plan 呢度選擇免費嘅。


圖片


然後選擇創建一個新嘅項目,㩒 “Create a new project” 之後,你需要為你個項目命名並 set 一個密碼(可以㩒 Generate a password 自動生成),呢個密碼將用於數據庫嘅訪問。


圖片


選定區域後,我哋就可以啟動呢個項目喇。


  1. 用 Supabase 創建數據庫表


項目創建完成就可以開始操作數據庫喇。入 Supabase 控制枱後,㩒左邊嘅 “Table Editor” 嚟創建數據庫表。


添加字段並編輯數據,比如我哋可以創建一個 users 表嚟存儲用戶信息。只需要填寫字段嘅名稱同數據類型(比如 idnameemail 等),㩒保存後,表就創建好咗。


圖片


呢個界面非常直觀,適合啱啱入門嘅開發者。


如果你係小白,完全唔識 sql,最簡單嘅方法就係叫編程工具好似 Claude code 或者 codex 提供完整嘅 sql 語句。


左邊揾到 SQL Editor,貼過嚟,㩒 run 運行就得。另外一啲自定義增刪改查嘅語句都喺呢度執行。


圖片


  1. 加用戶認證功能


Supabase 提供咗非常方便嘅用戶認證功能。我哋可以直接用佢內置嘅認證系統,支援郵件、密碼登錄,以及社交賬號登錄(比如 Google、GitHub 等)。郵箱認證係默認開啓嘅。


圖片


喺 email 菜單有詳細嘅配置項,可以 set 郵件標題/正文內容,亦可以 set 密碼重置等功能。


圖片


Supabase 會自動處理所有用戶身份驗證嘅流程,包括 JWT(JSON Web Token)認證,確保你個應用更加安全。


圖片


  1. 配置行級安全(RLS)


如果你個應用涉及權限控制,Supabase 嘅行級安全(Row Level Security,RLS)功能非常有用。RLS 容許你對數據表嘅每一行進行權限控制,確保唔同嘅用戶只可以訪問佢哋有權限嘅數據。


圖片


喺數據庫表嘅設置頁面,你可以啟用 RLS,並為每個操作(如 SELECT、INSERT、UPDATE、DELETE)定義條件。


圖片


比如只有當前用戶先可以訪問屬於自己嘅數據。啟用 RLS 之後,你可以根據唔同嘅需求靈活配置安全策略,非常適合需要精細權限控制嘅應用。


圖片


總結


Supabase 係一個非常強大且容易上手嘅後端服務框架,AI 編程嘅最佳拍檔。尤其適合啲想快速構建 AI 或 Web 應用嘅開發者。


原因有呢幾點:


1、一站式解決方案:一個平台就解決咗數據庫、用戶認證、文件儲存、API 等一系列後端需求,你幾乎唔需要再東拼西湊咁揾其他工具喇。


2、對前端開發者極其友好:前端開發者只用熟悉嘅 JavaScript,就可以透過官方提供嘅客戶端庫,輕鬆咁同數據庫、認證、儲存等功能互動,極大咁降低咗全棧開發嘅門檻。


3、慷慨嘅免費套餐:佢嘅免費版功能非常強大,足以支撐絕大多數個人項目同早期產品嘅開發同上線。呢個令你可以零成本咁學習、試錯同啟動你嘅想法。


4、同 Vercel 無縫集成:作為 Vercel 官方推薦嘅儲存夥伴,喺 Vercel 上創建同連接 Supabase 項目極其簡單,環境變量等都會自動配置好,體驗非常順滑。

💡推薦閲讀

如果喺編程工具充值使用上遇到麻煩,推薦一個第三方共享平台 aigocode.com一次性搞掂 Codex 同 Claude Code,內容介紹同付費兑換詳見文末閲讀原文

📘 我哋整理咗一份《AI 編程出海藍皮書》,匯集咗過去幾個月團隊喺出海實戰中沉澱落嚟嘅核心經驗。內容持續更新ing

從需求、工具、部署、收款,到 SEO、推廣、引流,一步步帶你搞懂普通人都可以啟動嘅出海路徑。呢份資料可以幫你快速入門、少踩坑。

掃碼或微信搜索 257735 加微信,回覆出海資料就可以免費領取。

圖片


Vercel 模板一鍵部署,上線出海網站比想像中簡單!

網站 SEO 必備工具:Google Search Console 使用教程

Claude Code 同 Codex,一個平台全搞掂,開發者超開心!

3 分鐘搞掂內網穿透,俾人哋訪問你嘅本地服務

從 Sora 熱度飆升,睇明 Google Trends 嘅找詞邏輯

點擊上方卡片關注我

設置星標 學習更多項目

每天一個出海工具或技巧,今天分享的是一個和AI編程適配度極高的後端服務工具 Supabase。


圖片


Supabase 在 GitHub 上已經收穫了超過 9 萬個 Star,成為了整個 GitHub 上最頂級的開源項目之一。


它是一個基於 PostgreSQL 關係型數據庫的後端即服務框架,在此基礎上封裝了用戶認證、文件存儲等功能,提供了一整套開箱即用的後端基礎設施。而且它的可視化運維面板做得非常好,對於沒有接觸過編程的朋友比較友好。


之前我寫過如何使用 AI 工具來做 UI 圖和原型圖。

【出海工具推薦】Stitch:一句話直接生成一整套原型圖/figma設計稿

5 分鐘將想法變網站,這3款 AI 開發工具神了!


那麼後端的數據服務該如何解決呢?這時候Supabase 就能幫上大忙了。藉助它強大的後端能力,我們可以輕鬆實現數據庫管理、用戶登錄等功能。


Supabase 是一個完全開源、免費的項目,支持通過源代碼或者 Docker 鏡像自己部署一個完整的 Supabase 實例。


如果你不想自己動手搭建,Supabase 還提供了雲服務版本,只需要在官網註冊一個賬户,就能獲得免費的雲實例。需要注意的是,免費版最多隻能創建兩個項目。


這篇文章主要介紹一下Supabase的基本使用,以及如何快速搭建一個帶有登錄和數據庫功能的完整前後端應用。


  1. 建 Supabase 賬户並啓動項目


首先,我們需要訪問 https://supabase.com註冊一個賬户。如果有 GitHub 賬號,推薦用用 GitHub 登錄,更方便。


圖片


登錄後創建一個組織,可以填上你的名字,plan這裏選擇免費的。


圖片


然後選擇創建一個新的項目,點擊 “Create a new project” 後,你需要為你的項目命名並設置一個密碼(可以點擊Generate a password 自動生成),這個密碼將用於數據庫的訪問。


圖片


選定區域後,我們就可以啓動這個項目了。


  1. 使用 Supabase 創建數據庫表


項目創建完成就可以開始操作數據庫了。進入 Supabase 控制枱後,點擊左側的 “Table Editor” 來創建數據庫表。


添加字段並編輯數據,比如我們可以創建一個 users 表來存儲用戶信息。只需要填寫字段的名稱和數據類型(比如 idnameemail 等),點擊保存後,表就創建好了。


圖片


這個界面非常直觀,適合剛入門的開發者。


如果你是小白,完全不懂sql,最簡單的方式就是讓編程工具比如 Claude code 或者 codex 提供完整的sql語句。


左側找到SQL Editor,粘貼過來,點擊run運行即可。另外一些自定義增刪改查的語句也在這裏執行。


圖片


  1. 添加用戶認證功能


Supabase 提供了非常方便的用戶認證功能。我們可以直接使用它內置的認證系統,支持郵件、密碼登錄,以及社交賬號登錄(比如 Google、GitHub 等)。郵箱認證是默認開啓的。


圖片


在 email 菜單有詳細的配置項,可以設置郵件標題/正文內容,也可以設置密碼重置等功能。


圖片


Supabase 會自動處理所有用戶身份驗證的流程,包括 JWT(JSON Web Token)認證,確保你的應用更加安全。


圖片


  1. 配置行級安全(RLS)


如果你的應用涉及到權限控制,Supabase 的行級安全(Row Level Security,RLS)功能非常有用。RLS 允許你對數據表的每一行進行權限控制,確保不同的用戶只能訪問他們有權限的數據。


圖片


在數據庫表的設置頁面,你可以啓用 RLS,併為每個操作(如 SELECT、INSERT、UPDATE、DELETE)定義條件。


圖片


比如只有當前用戶才能訪問屬於自己的數據。啓用 RLS 後,你可以根據不同的需求靈活配置安全策略,非常適合需要精細權限控制的應用。


圖片


總結


Supabase 是一個非常強大且容易上手的後端服務框架,AI編程的最佳搭檔。尤其適合那些想要快速構建 AI 或 Web 應用的開發者。


原因有這幾點:


1、一站式解決方案:一個平台就解決了數據庫、用戶認證、文件存儲、API 等一系列後端需求,你幾乎不需要再東拼西湊地找其他工具了。


2、對前端開發者極其友好:前端開發者只用熟悉的 JavaScript,就能通過官方提供的客戶端庫,輕鬆地和數據庫、認證、存儲等功能交互,極大地降低了全棧開發的門檻。


3、慷慨的免費套餐:它的免費版功能非常強大,足以支撐絕大多數個人項目和早期產品的開發與上線。這讓你能零成本地學習、試錯和啓動你的想法。


4、 與 Vercel 無縫集成:作為 Vercel 官方推薦的存儲夥伴,在 Vercel 上創建和連接 Supabase 項目極其簡單,環境變量等都會自動配置好,體驗非常絲滑。

💡推薦閲讀

如果在編程工具充值使用上遇到麻煩,推薦一個第三方共享平台 aigocode.com一次性搞定 Codex 和 Claude Code,內容介紹和付費兑換詳見文末閲讀原文

📘 我們整理了一份《AI 編程出海藍皮書》,彙集了過去幾個月團隊在出海實戰中沉澱下來的核心經驗。內容持續更新ing

從需求、工具、部署、收款,到 SEO、推廣、引流,一步步帶你搞懂普通人也能啓動的出海路徑。這份資料能幫你快速入門、少踩坑。

掃碼或微信搜索 257735 添加微信,回覆出海資料即可免費領取。

圖片


Vercel 模板一鍵部署,上線出海網站比想象中簡單!

網站SEO必備工具:Google Search Console 使用教程

Claude Code 和 Codex,一個平台全搞定,開發者狂喜!

3 分鐘搞定內網穿透,讓別人訪問你的本地服務

從Sora熱度飆升,看懂 Google Trends 的找詞邏輯