本頁說明如何使用 Google AI Studio 快速建構 (或「隨意編碼」) 及部署應用程式,測試 Gemini 的最新功能,例如 Nano Banana 和 Live API。Google AI Studio 支援使用全端執行階段建構網頁應用程式,以及使用 Kotlin 和 Jetpack Compose 建構原生 Android 應用程式,而且全都是透過自然語言提示完成。
開始使用
在 Google AI Studio 的建構模式中,開始直覺式程式開發。您可以透過下列幾種方式開始建構:
- 先輸入提示:在「建構」模式中,使用輸入框輸入要建構內容的說明。選取「AI 晶片」,在提示中加入圖片生成或 Google 地圖資料等特定功能。你甚至可以透過語音轉文字按鈕說出想搜尋的內容。
- 「好手氣」按鈕:如果需要靈感,請使用「好手氣」按鈕,Gemini 會生成含有專案構想的提示,協助您開始創作。
- 從範本庫重新混音專案:從應用程式範本庫開啟專案,然後選取「複製應用程式」。
- 從 GitHub 匯入專案:在「建構」模式中,選取提示輸入框的「新增檔案」 (+ 圖示) 選單中的「從 GitHub 匯入」,即可匯入現有程式碼。
執行提示詞後,系統會生成必要的程式碼和檔案,並在右側顯示應用程式的即時預覽畫面。
系統會建立什麼?
執行提示時,AI Studio 會建立完整的應用程式。您可以使用平台挑選器,選擇建構網頁應用程式或原生 Android 應用程式。
如果是網頁應用程式 (預設),AI Studio 會建立完整堆疊環境,包括:
- 用戶端:網頁前端 (預設為 React)。
- 伺服器端:Node.js 執行階段,可進行安全的 API 呼叫、資料庫連線,以及使用 npm 套件。
對於 Android 應用程式,AI Studio 會產生 Kotlin 和 Jetpack Compose 專案,您可以在以瀏覽器為基礎的模擬器中預覽專案、安裝至實體裝置,以及發布至 Play 商店進行測試。進一步瞭解如何建構 Android 應用程式。
選取右側預覽窗格中的「程式碼」分頁,即可查看產生的程式碼。Antigravity Agent 會智慧管理堆疊中的多個檔案,確保變更正確傳播。
Antigravity 代理程式
Antigravity Agent 是 Google Antigravity 的主要 AI 功能,現在也是代理駕馭系統的核心元件,可支援 Google AI Studio 的「建構」模式體驗。不只是產生簡單的程式碼,還能維護整個專案的脈絡、管理多個檔案,以及瞭解複雜的指令,建構穩健的全端應用程式。
主要功能如下所示:
- 脈絡感知:保留先前提示和檔案狀態的脈絡。
- 多檔案管理:處理多個檔案之間的依附元件。
- 驗證執行:驗證程式碼更新,減少產生錯誤資訊。
全端功能
Google AI Studio 充分發揮現代網路生態系統的強大功能,讓您不僅能建構用戶端原型,還能執行更多作業。
- 伺服器端執行階段和 npm:使用大量 npm 套件。代理程式會自動識別並安裝應用程式所需的套件 (例如資料視覺化或 API 用戶端的特定程式庫)。您也可以視需要要求特定套件。
- 密鑰管理:在「設定」選單中安全地儲存 API 金鑰和密鑰。這些值可在伺服器端程式碼中存取,避免在用戶端曝光。
- 多人遊戲:直接在 AI Studio 中建構即時協作體驗。伺服器端執行階段會管理使用者互動所需的狀態和連線。
- Firebase Firestore 和驗證:自動佈建及設定 Firebase,包括 Firestore 資料庫 (持續性資料儲存空間) 和 Firebase 驗證 (登入流程,特別是「使用 Google 帳戶登入」)。代理會管理整個設定程序,甚至在應用程式中編寫這些服務的程式碼。
- Google Workspace 整合:將應用程式連結至 Gmail、試算表、文件、雲端硬碟、日曆等 Google Workspace API。AI Studio 會自動處理所有 OAuth 設定。
Android 應用程式
您也可以使用 Kotlin 和 Jetpack Compose 建構原生 Android 應用程式。在以瀏覽器為基礎的 Android 模擬器中預覽應用程式,使用瀏覽器中的 ADB 在實體裝置上安裝應用程式,然後發布至 Play 商店進行內部測試。
繼續建構
Google AI Studio 為應用程式生成初始程式碼後,您可以繼續進行調整:
在 Google AI Studio 中建構內容
- 使用 Gemini 進行反覆運算:在建構模式中使用對話面板,要求 Gemini 進行修改、新增功能或變更樣式。
- 直接編輯程式碼:開啟預覽面板中的「程式碼」分頁,即可即時編輯。
外部開發
如要使用更進階的工作流程,可以同步或匯出程式碼,在偏好的環境中作業:
- 與 GitHub 同步:將應用程式連結至 GitHub 存放區,即可啟用雙向同步功能。你可以將 AI Studio 中提示的變更直接推送至存放區,並使用 AI 生成的提交訊息,也可以將 IDE 或隊友在本地進行的變更拉回 AI Studio。隨時可以在「設定」中的「GitHub」GitHub分頁管理同步狀態。
- 下載並在本機開發:將產生的程式碼匯出為 ZIP 檔案,然後匯入程式碼編輯器。
主要功能與特色
Google AI Studio 提供多項功能,讓建構過程直覺且視覺化:
- 建立及反覆改良全端應用程式:只要提供提示,即可建立全端應用程式,並透過對話或註解模式反覆改良。使用註解模式,即可醒目顯示應用程式 UI 的任何部分,並描述所需變更。
- 分享及部署應用程式:您可以與他人分享創作內容,進行協作或展示作品。分享時,API 呼叫會計入使用限制。使用付費模型可能需要支付費用。應用程式準備就緒後,即可部署至 Cloud Run。
- 應用程式庫:應用程式庫提供專案構想的視覺化程式庫。 你可以瀏覽 Gemini 的功能、立即預覽應用程式,以及重新混音應用程式,打造專屬版本。
部署或封存應用程式
應用程式準備就緒後,即可部署:
Cloud Run:將應用程式部署為可擴充的服務。 系統可能會根據用量收取 Google Cloud Run 費用。如要進一步瞭解部署作業,請參閱「從 Google AI Studio 部署」。
GitHub:將專案與新的或現有的 GitHub 存放區同步,以便管理原始碼或與隊友協作。
限制
本節列出 Google AI Studio 建構模式目前的限制。
API 金鑰管理
建立使用 Gemini API 的新應用程式時,AI Studio 會自動將 Gemini API 金鑰設定為應用程式伺服器端環境中的密鑰。您可以在「密鑰」面板中查看及管理這個金鑰。
- 自動設定:系統會為你設定
GEMINI_API_KEY,無須手動設定即可開始建構。 - 僅限伺服器端:API 金鑰會注入伺服器端執行階段,且絕不會納入用戶端程式碼。
- 現有應用程式:如果是 2026 年 5 月 14 日前建構的應用程式,下次修改應用程式的 Gemini 功能時,代理程式會自動將 Gemini API 整合項目升級為建議的伺服器端做法。
在 Google AI Studio 以外的環境部署
- Cloud Run:從 AI Studio 部署至 Cloud Run 時,API 金鑰會安全地納入伺服器端環境。部署的應用程式會使用您的 API 金鑰,為所有使用者發出 Gemini API 呼叫。
- 下載 ZIP 檔案:如果將應用程式下載為 ZIP 檔案,以便在其他位置運作執行,則必須在代管環境中設定
GEMINI_API_KEY環境變數。由於應用程式的 Gemini API 呼叫是透過伺服器端程式碼發出,因此金鑰不會向使用者公開。
分享應用程式時發生錯誤
如果您分享應用程式,而使用者透過共用網址存取時遇到 403 存取受限錯誤,可能是因為下列其中一個原因:
- 瀏覽器擴充功能:隱私權擴充功能 (例如 Privacy Badger) 可能會封鎖應用程式。請停用擴充功能,避免發生錯誤。
- 建構問題:目前的程式碼可能存在問題。提示代理程式「修正目前程式碼的所有建構問題」,然後重新分享網址。
常見問題
什麼是「在 AI Studio 中建構」?
AI Studio Build 平台可協助您從簡單的提示詞開始,使用 Gemini 建構可供正式發布的 AI 輔助應用程式。只要下達提示,描述想建構的內容,Gemini 就會為您生成應用程式。您也可以瀏覽我們的資源庫,瞭解 Gemini API 的功能,並重混應用程式,打造專屬應用程式。
Build 如何處理我的 Gemini API 金鑰?
建立使用 Gemini API 的應用程式時,AI Studio 會自動將 Gemini API 金鑰設為伺服器端密鑰。應用程式的 Gemini API 呼叫是透過這個金鑰,從伺服器端程式碼發出,因此絕不會在瀏覽器中公開。您可以在「設定」的「祕密」面板中查看 API 金鑰。
分享應用程式時,我的 API 金鑰是否會曝光?
不會。API 金鑰會儲存為伺服器端密碼,絕不會納入用戶端程式碼。分享應用程式後,其他使用者可以存取,但無法查看您的 API 金鑰。
與他人共用應用程式時,API 呼叫會計入使用限制。使用付費模型可能需要支付費用。如果應用程式可能會產生費用,AI Studio 會在設定期間和分享前提醒您。
誰可以查看我的應用程式?
應用程式預設為私人。您可以與其他使用者共用應用程式,讓他們使用。與您共用應用程式的使用者可以查看程式碼,並視需要複製程式碼。如果您共用應用程式時授予編輯權限,其他使用者就能編輯應用程式的程式碼。
我可以在 AI Studio 以外執行應用程式嗎?
可以。您可以從 AI Studio 將應用程式部署至 Cloud Run,這樣應用程式就會取得公開網址,且 API 金鑰已在伺服器端環境中安全設定。您也可以將應用程式下載為 ZIP 檔案,並在其他位置代管,但必須在代管環境中設定 GEMINI_API_KEY 環境變數。由於 Gemini API 呼叫是透過伺服器端程式碼發出,因此金鑰會保持安全。
如要進一步瞭解部署選項,請參閱「從 Google AI Studio 部署」。
我可以使用自己的工具在本機開發應用程式,然後在這裡分享嗎?
可以。您可以將 AI Studio 應用程式連結至 GitHub 存放區,使用偏好的程式碼編輯器或 CLI 工具在本機開發,將變更推送至 GitHub,然後使用「設定」中的「GitHub」GitHub分頁,直接將這些更新拉回 AI Studio。
如何搭配應用程式使用資料庫或其他儲存空間?
AI Studio 應用程式是在 Cloud Run 容器中執行的標準應用程式。只要沒有防火牆禁止動態 IP 範圍存取,您就可以使用任何可透過網路連線的儲存空間解決方案。
我們正努力在日後新增儲存空間的直接支援,屆時您將可直接在 AI Studio 中設定。
如何存取麥克風、網路攝影機和其他 Navigator API?
為確保觀眾瞭解應用程式使用網路攝影機或其他裝置的情況,應用程式必須先取得額外確認,才能存取這些 Navigator API。應用程式建立者可以在應用程式的 metadata.json 檔案中新增這些權限要求。例如:
{
"name": "My app",
"requestFramePermissions": [
"microphone",
"camera",
"display-capture",
"geolocation",
"bluetooth",
"clipboard-read",
"serial",
"usb"
]
}
requestFramePermissions 支援的值是標準政策控管功能的子集。
如何搭配使用 GitHub 和應用程式?
AI Studio 支援與 GitHub 雙向同步:
- 匯入存放區:在「建構」模式中,選取提示詞輸入框中「新增檔案」 (+ 圖示) 選單的「從 GitHub 匯入」,即可匯入現有程式碼。
- 連結存放區:在「設定」中開啟「GitHub」分頁,從應用程式建立新的 GitHub 存放區,或連結至現有存放區。
- 雙向同步:將 AI Studio 中提示的變更直接推送至存放區,並使用 AI 生成的提交訊息,或將外部變更 (例如本機 IDE 編輯或隊友的提取要求) 提取回 AI Studio。
- 解決合併衝突:如果與 GitHub 同步時發生變更衝突,AI Studio 會提供「解決衝突」對話方塊,並顯示並排差異檢視器,讓您查看差異,並選擇要保留 AI Studio 或 GitHub 版本的每個衝突檔案。
我可以將應用程式的編輯權授予其他使用者嗎?
AI Studio 不支援直接即時協作編輯。 不過,您可以將應用程式連結至共用的 GitHub 存放區,與團隊成員協作。團隊成員可以在 GitHub 上推送變更或開啟提取要求,而您可以將這些更新提取到 AI Studio 中。
為什麼我的應用程式因違反政策而遭到標記?
我們有自動審查應用程式的系統,確保應用程式符合政策規定。如果我們發現應用程式違反政策,就會從 AI Studio 移除。違反政策的行為包括但不限於:
- 含有惡意軟體、網路釣魚或冒用他人身分內容的應用程式
- 應用程式顯示或散布違反兒少性虐待圖像政策的內容
- 應用程式顯示或散布違反騷擾政策的內容
- 應用程式顯示或散布違反仇恨言論政策的內容
- 應用程式顯示或散布違反人口販運政策的內容
- 顯示或散布違反情色露骨內容政策的內容
- 應用程式顯示或散布違反暴力血腥內容政策的內容
- 應用程式顯示或散布違反有害或危險政策的內容
如果應用程式遭標記為違反政策,但您認為這是誤判,可以提出申訴。如果屢次違反政策,我們可能會終止你的 AI Studio 存取權。
身為應用程式開發人員,我應負起哪些責任?
提醒您,身為應用程式擁有者,您有責任確保應用程式的行為和處理的所有資料符合規定。包括:
- 遵守法律和第三方權利:確保應用程式遵守所有適用法律和法規,且未侵犯他人權利,包括智慧財產權和隱私權。
- 內容監控:應用程式使用的其他服務可能適用附加條款。舉例來說,適用於 Firestore 的《Google Cloud 服務條款》規定,代管第三方內容的客戶必須發布政策,定義禁止的內容 (例如非法內容),並監控這類內容是否出現。
- 安全實作:實作必要的防護措施和審核工具,防止應用程式遭到濫用。
請注意《服務條款》中的使用限制。
AI Studio 應用程式庫中的應用程式適用哪些條款?
除非另有說明,否則使用 AI Studio 應用程式庫中的應用程式時,須遵守《Gemini API 附加服務條款》。
後續步驟
- 開發全端應用程式 (網頁)
- 建構 Android 應用程式
- 請參閱應用程式庫中的範例。