Google AI Studio 現在支援全端開發,可讓您建構的應用程式不只是用戶端原型。透過伺服器端執行階段,您可以管理密鑰、連線至外部 API,以及建構即時多人遊戲體驗。
伺服器端執行階段
Google AI Studio 應用程式現在可以包含伺服器端元件 (Node.js)。這種做法有以下幾個優點:
- 執行伺服器端邏輯:執行不應向用戶端公開的程式碼。
- 存取 npm 套件:Antigravity Agent 可以安裝及使用 npm 生態系統中的大量套件。
- 處理密鑰:安全地使用 API 金鑰和憑證。
使用 npm 套件
您不需要手動執行 npm install,只要要求 Agent 新增需要套件的功能,Agent 就會處理安裝和匯入作業。
範例:>「使用 axios 從外部 API 擷取資料。」
安全地管理密鑰
有了伺服器端程式碼和密鑰管理功能,您現在可以建構與世界互動的應用程式。
- 第三方 API:連結至 Stripe、SendGrid 或自訂 REST API 等服務。
- 資料庫:連線至外部資料庫 (例如透過 Supabase、Firebase 或 MongoDB Atlas),在工作階段結束後保留資料。
建構實際應用程式時,您通常需要連線至第三方服務 (例如 Twilio、Slack 或資料庫),這些服務需要 API 金鑰。您可以按照下列步驟手動新增金鑰:
- 新增密鑰:前往 Google AI Studio 的「設定」選單,然後尋找「密鑰」部分。
- 儲存金鑰:在此新增 API 金鑰或密碼權杖。
- 在程式碼中存取:代理程式可以編寫伺服器端程式碼,安全地存取這些密鑰 (通常是透過環境變數),確保密鑰絕不會暴露給用戶端瀏覽器。
如有需要,當需要新密鑰或在專案的環境變數中偵測到新金鑰時,服務專員也會在對話中顯示資訊卡,提示您新增金鑰。
設定 OAuth
密鑰管理的主要用途之一是設定 OAuth,以便連線至其他網站或應用程式。如果提示包含連線至需要 OAuth 驗證的第三方應用程式的操作說明,智慧助理會提供該應用程式的 OAuth 設定說明。這些操作說明會提供設定 OAuth 應用程式所需的回呼網址。您也可以在「設定」面板的「整合」下方找到回呼網址。
建構多人遊戲體驗
全堆疊執行階段可啟用即時協作功能。
- 即時狀態:你可以要求 Agent 建構「即時通訊」、「協作白板」或「多人遊戲」等功能。
- 同步處理工作階段:伺服器會管理狀態,讓多位使用者即時與同一個應用程式執行個體互動。
範例提示:「將這個遊戲設為多人遊戲,讓玩家可以看到彼此的游標。」
測試多人遊戲應用程式的訣竅
部署應用程式前,您可以透過兩種方式測試多人遊戲模式。
- 在多個分頁中,以 Google AI Studio 的「建構」模式開啟應用程式。在「建構」模式下開發時,應用程式會位於開發容器中。在多個分頁中開啟應用程式,即可模擬多位玩家使用應用程式。
- 使用右上方的「分享」選單與他人共用應用程式。 然後使用「分享」選單「整合」分頁中的「共用網址」,與您共用應用程式的玩家一起使用應用程式。
最佳做法
- 密鑰安全性:請務必使用 Secret Manager 管理機密金鑰。 請勿在檔案中以硬式編碼方式加入這些金鑰。
- 關注點分離:將 UI 邏輯保留在用戶端架構 (React/Angular),並將商業邏輯/資料處理保留在伺服器端。
- 錯誤處理:確保伺服器端程式碼能妥善處理外部 API 呼叫的錯誤,避免應用程式當機。