App 建造器與安全 VibeCoding 應用

AI GO 內建的「App 建造器」(App Builder)是一套功能強大的安全 VibeCoding(Secure VibeCoding)開發環境,僅供管理與開發同仁使用。透過簡單的介面配置與提示詞設定,管理者就能為特定崗位打造出專屬的「Custom App」(自訂應用程式),並生成獨立的登入網址供日常營運同仁使用。

什麼是 Custom App

在 AI GO 中,一個「Custom App」是一個獨立運作的應用程式視窗,擁有特定的提示詞設定、介面欄位與底層資料表存取權限。

當您建立並發布一個 Custom App 後,系統會為其產生一個專屬的「登入網址(Login URL)」。日常營運同仁不需要進入全局 Dashboard,只需保存此專屬連結,即可直接登入該應用程式進行日常作業。

應用商城與起手式選擇

在 App 建造器的列表頁,您可以點選「應用商城」來查看由官方精選的應用範本,這些範本涵蓋常見的業務場景,可以直接部署或在此基礎上客製化。

如果您想從空白專案開始,商城提供了兩種重要的「基礎模板起手式」,這將決定應用的帳號權限架構:

  • 內部起手式(Internal App):適用於公司內部員工使用的管理工具(如內部報表、流程審核、人事後台)。員工需使用 AI GO 的統一企業帳號進行登入,不需額外的會員註冊機制。
  • 外部起手式(External App):適用於需要對外開放給第三方使用者(如客戶、供應商、外包商)的應用。具備獨立的帳號註冊與登入功能,可讓外部夥伴自行建立專屬帳號。

Builder IDE 開發環境與六大功能面板

點選左側導覽列中「AI 應用程式」分區下的「App 建造器」。在建立或編輯應用程式時,會進入 Builder IDE 開發環境。Builder IDE 的中央為主要工作區,頂部提供六大功能面板(Tab)以切換不同的開發階段與設定:

1. 「開發」面板 (Code & Preview)

這是編寫原始碼與實時預覽介面的地方。

  • 檔案總管:位於面板左側,以樹狀結構顯示該應用的原始碼檔案,主要的程式進入點為 src/App.tsx
  • 程式碼編輯器:位於中央主要區域,支援語法高亮與自動儲存,您也可以按下 Ctrl+S 手動儲存。修改程式碼後,右側預覽畫面會實時刷新。
  • AI 開發助手 (VibeCoding Copilot):位於右側面板。這是一套專門輔助開發人員進行「安全 VibeCoding」的代碼編輯與生成工具,與日常業務所使用的任務 AI 助理無關。您只需用自然語言描述您想要的功能(例如「幫我建立一個客戶查詢頁面,可以依名稱搜尋並顯示聯絡資訊」),AI 助手就會自動為您編寫並插入程式碼。您也可以選取程式碼請 AI 進行修改、除錯或優化。

2. 「資料」面板 (Custom Tables)

用於管理此 App 專屬的自訂資料表(Custom Table)。

  • 當您的應用程式需要儲存特殊的、資料中心未預設的資料時(例如:員工體溫量測紀錄、客戶活動簽到表),您可以在此面板點選「新建資料表」。
  • 欄位配置:您可以自由新增欄位,並設定欄位型別(單行文字、多行文字、整數、浮點數、布林值、日期時間、下拉選單等),這將作為您 App 運作的專屬臨時資料庫。

3. 「引用」面板 (Data Referencing)

用於引用全站統一的「資料中心(Data Center)」內建資料表。

  • 為了避免資料孤島,您可以透過此面板,將公司現有的核心數據(例如 CRM 客戶資料、銷售訂單、庫存明細)引進這個 Custom App 中。
  • 權限宣告:在此您需要宣告該 App 對引用表的存取範圍(唯讀、寫入或更新),系統會據此進行嚴格的權限安全隔離。

4. 「服務」面板 (API & Actions)

用於管理此 App 的 API 金鑰與 Server-Side Action(伺服器端行為)。

  • API 金鑰管理:若您的 Custom App 需要與外部系統進行資料對接,您可以在此生成專屬的 API Key,讓第三方系統安全地存取此 App 的資料。
  • 伺服器端 Action:在此您可以建立運行於伺服器背景的邏輯(如複雜的計稅邏輯、串接外部簡訊網關發送驗證碼),確保敏感的運算與金鑰不會暴露在前端瀏覽器中。

5. 「MCP」面板 (Model Context Protocol)

用於設定並授權連接外部的 MCP 工具。

  • MCP 是一套標準協議,允許您的 AI 助理直接與外部的軟體工具(如 Google 日曆、GitHub、Slack 等)或外部專屬資料庫進行對話與操作。
  • 在此面板中,您可以輸入外部 MCP 伺服器的連線網址(URL)與授權 Token,讓 App 內部的 AI 助理獲得存取外部系統的能力。

6. 「發布」面板 (Release & Deploy)

當應用程式開發、測試完成後,在此進行版本提交與部署上線。

  • 版本版控:每次發布都需要填寫版本號(如 v1.0.0)並填寫更新日誌,詳細說明此版本新增或修改了哪些功能。
  • 發布審核:提交發布申請後,系統會生成臨時預覽網址。管理員在後台審核通過後,該 Custom App 就會正式發布,系統會隨之更新該應用的獨立登入網址,組織同仁即可正式登入使用。