AdminForth
Devforth · 圖片 · AI 學習
AdminForth 是一套 Node.js 開源後台管理框架，能把現有資料庫直接變成自架後台，內建 Vue 3 介面、29 個外掛，並可透過 MCP 讓 AI 代理存取。
關於 AdminForth
About
AdminForth 是什麼
AdminForth 是一套後台框架，做法是把已經在跑的資料庫變成可用的管理介面。你在設定檔裡把一張表描述成資源，框架就生出列表、檢視、新增與編輯畫面。它不需要另一套產品跟你的應用程式一起部署，因為這個後台本身就是一支普通的 Node.js 應用程式，放在你自己的儲存庫裡。
這件事比聽起來重要。後台既然是普通程式碼，有人加了一欄或一條權限規則時，審查的人可以直接讀 diff。寫程式的 AI 代理也讀得懂，所以產生的專案一開始就附上 AGENTS.md、CLAUDE.md、llms.txt 和 skills 資料夾。開發團隊 Devforth 把它定位成給 AI 代理用的後台，檔案結構確實撐得起這個說法。
技術組成是 Node.js 後台管理系統常見的組合：伺服器端 Node.js 加 TypeScript，瀏覽器端 Vue 3 加 Tailwind CSS。連線對象包括 Postgres、MySQL、SQLite 與 MongoDB，直接沿用你既有的 schema，不會把資料搬進專屬格式。限制也很清楚：這是給開發者用的工具。如果團隊裡沒人寫 JavaScript，AdminForth 給不了你後台，免程式的託管服務給得了。
開始使用
- 在空資料夾執行
npx adminforth create-app，照提示填寫資料庫連線資訊。 - 打開產生的資源設定檔，宣告第一張表：欄位、型別，以及哪些欄位要在列表和編輯表單出現。
- 啟動開發伺服器，用剛剛建立的管理員帳號登入，確認篩選、排序與表單行為符合預期。
- 加上登入、上傳、稽核紀錄或代理存取的外掛：安裝 npm 套件，再補一行設定。
- 像部署其他 Node 服務一樣上線，掛在自己的網域與 TLS 憑證後面。
產品資訊
快速了解 AdminForth 的定價、支援平台與效能。
適合對象
這項工具最適合的使用者、任務與情境。
使用者
- Node.js 與 TypeScript 開發者：既有資料庫馬上就有 CRUD 畫面，不必寫控制器、路由或表格樣板。前提是熟悉 npm 和設定檔。
- 沒有平台工程師的小型產品團隊：應用程式和後台共用同一個儲存庫，少一個要盯的部署。主機與備份仍需有人負責。
- 替客戶做內部工具的代理商：佈景、標誌與自訂 Vue 頁面，交出去的東西看起來像客戶自己的產品，而不是一套通用儀表板。
任務
- 取代試算表流程：把訂單、工單或庫存搬進真正的資料表，給營運團隊一份可篩選、可編輯的清單。
- 為 Postgres 或 MySQL schema 建 CRUD：宣告資料表就好，制式表單、驗證與分頁都不用自己來。
- 給 AI 代理有限度的寫入權：MCP 外掛把資源變成工具，每個代理一組可撤銷的密鑰，並以擁有者的權限執行。
- 做內部報表畫面：儀表板外掛加自訂頁面，圖表與計數器都不必另外買 BI 服務。
情境
- 這週就要讓 MVP 的後台上線：create-app 流程加一份資源設定，當天就有可用的後台管理面板。
- 客戶資料必須留在自家基礎設施：自架部署代表紀錄不離開你的資料庫，對受監管的客戶特別關鍵。
- 把後台交給非技術背景的同仁：角色權限、稽核紀錄與列表內直接編輯，日常作業幾乎不必找工程師。
主要功能
宣告式資源設定
一個資源就是一個普通物件：資料來源、資料表名稱，以及一組欄位，標明必填、唯一、列舉選項，還有要出現在哪些畫面。這個物件就決定了那張表的整個後台。因為是普通程式碼，它跟儲存庫裡其他東西一樣走審查與版控，AI 代理也能直接擴充，不必學一套專屬語言。
沿用既有 schema，不搬資料
AdminForth 指向你已經在用的資料庫：Postgres、MySQL、SQLite 或 MongoDB。它讀取 schema，而不是把資料列匯入自己的儲存空間，所以遷移、備份與存取政策都留在團隊原本管理的位置。代價是：特殊欄位型別或吃重的 trigger 邏輯，有時得自己寫欄位元件。
給 AI 代理的 MCP 伺服器
MCP 伺服器外掛把資源變成工具，Claude Code、Codex、Gemini CLI 或任何 MCP 用戶端都能呼叫。每個代理有獨立密鑰，可以單獨撤銷，每次呼叫都以簽發者的身分執行。權限、驗證與 hook 照樣生效，代理做不到比它所代表的人更多的事。
登入與權限控管
登入、角色與權限是框架內建。上層還能加 OAuth2 與 OpenID 單一登入，支援 Google、GitHub、Microsoft、Keycloak 或自訂供應商；TOTP 與 passkey 兩步驗證；依裝置撤銷工作階段；驗證碼與密碼重設。全部都是 npm 外掛，各補一行設定就能用。
29 個外掛，以 npm 套件形式提供
外掛目錄涵蓋那些通常要吃掉一週的雜事：CSV 與 XLSX 匯入匯出、上傳到 S3、富文字與 Markdown 編輯器、多對多欄位、重啟後能續跑的背景工作、用 AI 批次補資料、儀表板，以及用語言模型翻譯介面。每個都是獨立套件，專案需要什麼就裝什麼。
用 Vue 3 元件寫自訂頁面
設定不夠用時，自己寫 Vue 3 元件，掛成頁面、儀表板小工具或欄位呈現方式。任何 npm 套件都能在裡面用，Tailwind 也讓樣式跟內建畫面一致。到了這一步，後台就不再是範本，而是產品真正的內部工具。
優缺點
優點
- MIT 授權、免費開源，沒有付費版本扣住功能。
- 後台就是儲存庫裡的普通 Node.js 應用程式，改動會以可審查的 diff 呈現。
- 直接跑在既有資料庫上，不複製也不改造你的資料。
- 登入、兩步驗證、單一登入、稽核與上傳都是外掛，不必客製開發。
- MCP 伺服器讓代理真正能存取，每個代理一組密鑰，權限規則與網頁端一致。
缺點
- 需要 JavaScript 與 TypeScript 能力，沒有給非開發者用的拖曳式工具。
- 超出設定層級的佈景調整，就得自己寫 Vue 3 程式碼。
- 自架意味著部署、備份與升級都落在自己團隊身上，出問題沒有廠商可以叫。
- 內建權限之外的單筆紀錄層級規則，需要自行維護 hook。
常見問題
是。框架採 MIT 授權、自架部署，沒有付費版本。你只需負擔自己的伺服器，若使用 AI 外掛，還有供應商收取的模型呼叫費用。
相關內容
探索與 AdminForth 相關的工具、技能與文章。
AdminForth 替代方案
Google EmbeddingGemma 2
Google DeepMind · 寫作 · 圖片 · 程式設計Google EmbeddingGemma 2 是 7.4 億參數的開源模型，能把文字、程式碼、圖片、音訊與影片畫面轉成同一個 768 維空間裡的向量，在手機與筆電上就能執行。
Tractionwave
TractionWave · 圖片 · 行銷TractionWave 是針對靜態廣告的 AI 注意力熱圖工具。上傳 PNG 或 JPG，就能取得預測注意力、排序後的熱點與修正建議，不必等預算花完才知道問題在哪。
Imejis.io
Imejis.io · 圖片 · 行銷Imejis.io 是給代理與行銷團隊使用的 AI 設計工作室。你用日常說法描述一張圖，它會寫好文案、排出版面、自動調整成各種尺寸，最後匯出完成檔。