使用 Gemini API 建構應用程式

專案 IDX 只要按一下按鈕，就能使用 Gemini API，協助您順利使用 AI 應用程式。如要在應用程式中使用 Google 最新的生成式 AI 模型，範本會包含您需要的所有 Gemini API 資源。插入 API 金鑰即可開始使用。

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

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

IDX 中的 Gemini API 範本選項圖片

  1. 在 IDX 範本資訊主頁中開啟 Gemini API 的 IDX 範本。
  2. 選取環境的語言和架構。IDX 中的 Gemini API 範本適用於 JavaScript (含 Vite) 和 Python (包含 Flask 的筆記本或網頁應用程式)，且即將支援更多語言和架構。
  3. (選用) 如果您想在應用程式中新增 LangChain 架構，請選取「Use LangChain」選項。
  4. 載入工作區時，請開啟 main.js 或 main.py 檔案，然後從 Google AI Studio 將 API_KEY 變數更新為 Gemini API 金鑰。
  5. 在網頁預覽面板中測試基本應用程式，觀察 Gemini API 的實際運作情形，並據此修改新的 Gemini API 應用程式。

在現有應用程式中加入 Gemini API

您也可以直接從 IDX 將 Gemini API 新增至現有應用程式。

  1. 開啟「Project IDX」。

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

  3. 展開「Google Integrations」部分，然後按一下「Add Gemini API」。

  4. 按照提示驗證帳戶，並在應用程式中加入 Gemini API 金鑰。