應用市集
開啟線上示範 →
工作室首頁
客戶入口
v0.1.1
開啟線上示範 → 畫面截圖
總覽
同一份資料,兩種介面。工作室整天都在裡面做事——寫一份報價單、寄出去,客戶一按同意,專案立刻出現——而客戶看到的是一個極簡的置中入口:沒有側邊欄,也看不到別人的工作,只憑一個電子郵件地址和一組文件編號就能進來,讀工作範圍、確認交付物、把發票結清。宣告檔會在你連線的資料庫中建立客戶、報價單、專案與發票資料表,並圍繞它們產生紀錄與存查:入口是前台,儀表板是辦公室。
能力
- 付款
- 檔案儲存
- 電子郵件收據
你會得到什麼
新增的資料表9
- clients
- proposals
- proposal_items
- projects
- milestones
- deliverables
- invoices
- invoice_items
- payments
全新建立,或在安裝時對應到你既有的資料表。
管理後台新增的頁面5
- 工作室儀表板未收款、已逾期與進行中的專案,附帳齡清單與最近的收款。
- 客戶可搜尋的客戶名冊,點開任一客戶就是他報價單、發票與專案的單一時間軸。
- 報價單附狀態標籤的 CRUD 表格,每張報價單底下是帶金額的明細。
- 發票每張發票及其明細,還有記在它名下的收款。
- 專案進行中、已暫停與已完成工作的看板,每張卡片都有里程碑與交付物。
預先建立的角色1
- studio-owner讀寫所有客戶、報價單、專案、交付物與發票;收款可以記錄與更正,但永遠不能刪除,設定與角色則無法存取。
需要設定的項目6
- 工作室名稱
- 發票編號前綴
- 預設稅率
- 付款期限(天)
- 幣別
- 回覆地址
用你自己的資料執行
客戶入口 需要一個存放資料的地方。回答一個問題,我們就為你指出最短的路徑。
你已經在使用 Adminium 了嗎?
一起裝好
靜態代管只能提供介面。你的資料需要一個資料庫,而 Adminium 才能把它變成可用的後台 — 所以這三者要一起部署。
全部部署到 DigitalOceanPostgres、Adminium 和 客戶入口,已經接好。
想先在自己的電腦上試試?
npx @adminiumjs/adminium 不需要資料庫 — 到時候它會問你要。之後回到這裡,在上面選擇「已經在用」。
你的 Adminium 在哪裡?
你登入時使用的位址,例如 https://admin.yourcompany.com
這看起來不像一個網址。它應該以 https:// 開頭
客戶入口 應該放在哪裡?
推薦
放在 Adminium 裡
只需登入一次,也不用再部署別的。團隊從後台的同一個位址就能進入。
告訴我怎麼做
- 建置:
git clone https://github.com/Adminiumjs/client-portal.git && cd client-portal && npm install && npm run build:surface - 讓 Adminium 指向它並重新啟動:
ADMINIUM_SURFACES_DIR=$(pwd)/dist-surface npx @adminiumjs/adminium start - 然後開啟:
https://admin.example.com/apps/clients/staff/
放在自己的網域上
一個獨立的網站,有自己的網址,與你剛才填寫的 Adminium 通訊。
Vercel 只代管介面 — 你的 Adminium 留在原處並保存資料。你需要貼上一把金鑰,讓網站可以讀取它們。
部署到 VercelVercel 會問你兩個值。它們都在你的 Adminium 的 Studio → Public API 裡。