使用 Gemini API 建構應用程式

您可以使用 App Prototyping agent，透過 Gemini API 自動建立新的應用程式原型，也可以按一下按鈕，透過 Gemini Developer API 啟動空白畫布。使用包含所有必要Gemini API基礎架構的範本，在應用程式中開始使用 Google 最新的生成式 AI 模型。您只需要新增 Gemini API 金鑰，即可開始編寫程式碼！

建構預先載入 Gemini API 的新應用程式

從範本資訊主頁存取 Firebase Studio Gemini API 範本，並運用 AI 技術建構。

  1. 從 Firebase Studio 範本資訊主頁開啟 Gemini API 的 Firebase Studio 範本。
  2. 選取環境的語言和架構。Firebase Studio 中的 Gemini API 範本適用於 JavaScript (搭配 Vite 或 Genkit) 和 Python (筆記本或搭配 Flask 的網頁應用程式)。
  3. (選用) 如要將 LangChain 框架新增至應用程式，請選取「使用 LangChain」選項。
  4. 工作區載入後，開啟 main.js 或 main.py 檔案，然後使用 Google AI Studio 中的 Gemini API 金鑰更新 API_KEY 變數。
  5. 在網頁預覽面板中測試基本應用程式，即可觀看 Gemini API 的實際效果，並據此修改新的 Gemini API 應用程式。

將 Gemini API 新增至現有應用程式

你也可以直接從 Firebase Studio 將 Gemini API 新增至現有應用程式。

  1. 開啟 Firebase Studio。

  2. 按一下導覽窗格中的 Firebase Studio 圖示，開啟 Firebase Studio 面板。

  3. 展開「Google 整合」部分，然後按一下「新增」圖示 Gemini API。

  4. 按照提示驗證帳戶，然後將 Gemini API 金鑰新增至應用程式。