App mit der Gemini API erstellen
Mit Sammlungen den Überblick behalten
Sie können Inhalte basierend auf Ihren Einstellungen speichern und kategorisieren.
Sie können die App Prototyping agent verwenden, um automatisch einen neuen App-Prototyp mit der Gemini API zu erstellen. Sie können aber auch mit einem Klick auf eine Schaltfläche eine leere Arbeitsfläche mit der Gemini Developer API starten. Mit einer Vorlage, die die gesamte erforderliche Gemini API-Infrastruktur enthält, können Sie die neuesten Modelle basierend auf generativer KI von Google in Ihrer App verwenden. Sie müssen nur Ihren Gemini API-Schlüssel hinzufügen und können dann loslegen.
Neue App mit vorinstalliertem Gemini API erstellen
Greifen Sie über das Vorlagen-Dashboard auf die Vorlage Firebase Studio Gemini API zu und nutzen Sie die Leistungsfähigkeit von KI.
- Öffnen Sie die Firebase Studio-Vorlage für Gemini API im Firebase Studio-Vorlagen-Dashboard.
- Wählen Sie die Sprache und das Framework für Ihre Umgebung aus. Die Vorlage Gemini API in Firebase Studio ist in JavaScript (mit Vite oder Genkit) und Python (Notebook oder Webanwendung mit Flask) verfügbar. Weitere Sprachen und Frameworks folgen in Kürze.
- Optional: Wenn Sie das LangChain-Framework in Ihre App einfügen möchten, wählen Sie die Option LangChain verwenden aus.
- Wenn Ihr Arbeitsbereich geladen wird, öffnen Sie die Datei
main.js oder main.py und aktualisieren Sie die Variable API_KEY mit Ihrem Gemini API-Schlüssel aus Google AI Studio.
- Testen Sie die Basis-App im Webvorschaubereich, um die Gemini API in Aktion zu sehen, und passen Sie Ihre neue Gemini API-App entsprechend an.
Gemini API einer vorhandenen App hinzufügen
Sie können die Gemini API auch direkt über Firebase Studio zu Ihrer vorhandenen App hinzufügen.
Öffnen Sie Firebase Studio.
Klicken Sie im Navigationsbereich auf das Symbol Firebase Studio, um den Bereich Firebase Studio zu öffnen.
Maximieren Sie den Bereich Google-Integrationen und klicken Sie auf Gemini API hinzufügen.
Folgen Sie der Anleitung, um Ihr Konto zu authentifizieren und Ihrer App einen Gemini API-Schlüssel hinzuzufügen.
Sofern nicht anders angegeben, sind die Inhalte dieser Seite unter der Creative Commons Attribution 4.0 License und Codebeispiele unter der Apache 2.0 License lizenziert. Weitere Informationen finden Sie in den Websiterichtlinien von Google Developers. Java ist eine eingetragene Marke von Oracle und/oder seinen Partnern.
Zuletzt aktualisiert: 2025-07-25 (UTC).
[null,null,["Zuletzt aktualisiert: 2025-07-25 (UTC)."],[],[],null,["While you can use [the App Prototyping agent](/docs/studio/get-started-ai)\nto automatically create a new app prototype with the Gemini API, you can\nalso launch a blank canvas with the\n[Gemini Developer API](https://ai.google.dev/) through one click of\na button. Start using the latest generative AI models from Google in your\napp with a template that includes all the Gemini API infrastructure you\nneed. All you need to do is add your\n[Gemini API key](https://ai.google.dev/tutorials/setup) and get coding!\n\nBuild a new app with the Gemini API pre-loaded\n\nAccess the Firebase Studio Gemini API template from the\ntemplates dashboard and build with the power of AI.\n\n1. Open the [Firebase Studio template for the Gemini API](https://studio.firebase.google.com//new/gemini) from the Firebase Studio template dashboard.\n2. Select the language and framework for your environment. The Gemini API template in Firebase Studio is available in JavaScript (with Vite or Genkit) and Python (notebook or web app with Flask), with more languages and frameworks coming soon.\n3. *(Optional)* If you want to add the [LangChain](https://www.langchain.com/) framework to your app, select the **Use LangChain** option.\n4. When your workspace loads, open the `main.js` or `main.py` file and update the `API_KEY` variable with your Gemini API key from [Google AI Studio](https://aistudio.google.com/app/apikey).\n5. Test the base app in the web preview panel to watch the Gemini API in action, and modify your new Gemini API app accordingly.\n\nAdd the Gemini API to an existing app\n\nYou can also add the Gemini API to your existing app directly from\nFirebase Studio.\n\n1. Open [Firebase Studio](https://studio.firebase.google.com/).\n\n2. Click the Firebase Studio icon from the navigation pane to open the\n Firebase Studio panel.\n\n3. Expand the **Google Integrations** section and click **Add Gemini API**.\n\n4. Follow the prompts to authenticate your account and add a Gemini API key\n to your app."]]
