Apps in Google AI Studio entwickeln

Auf dieser Seite wird beschrieben, wie Sie mit Google AI Studio schnell Apps erstellen (oder „vibe coden“) und bereitstellen, mit denen Sie die neuesten Funktionen von Gemini wie Nano Banana und die Live API testen können. Google AI Studio unterstützt jetzt Full-Stack Runtimes, mit denen Sie robuste Anwendungen mit serverseitiger Logik, sicherer Secret-Verwaltung und Unterstützung für npm-Pakete erstellen können – alles über Prompts in natürlicher Sprache.

Jetzt starten

Starten Sie den Build-Modus in Google AI Studio. Sie haben mehrere Möglichkeiten, mit der Entwicklung zu beginnen:

  • Mit einem Prompt beginnen: Geben Sie im Build-Modus im Eingabefeld eine Beschreibung dessen ein, was Sie erstellen möchten. Wählen Sie AI Chips aus, um Ihrem Prompt bestimmte Funktionen wie die Bildgenerierung oder Google Maps-Daten hinzuzufügen. Sie können auch die Schaltfläche für die Sprach-zu-Text-Funktion verwenden, um zu sagen, was Sie möchten.
  • Schaltfläche „Auf gut Glück“: Wenn Sie eine kreative Idee brauchen, verwenden Sie die Schaltfläche „Auf gut Glück“. Gemini generiert dann einen Prompt mit einer Projektidee, mit der Sie loslegen können.
  • Projekt aus der Galerie remixen: Öffnen Sie ein Projekt aus der App Galerie und wählen Sie App kopieren aus.

Nachdem Sie den Prompt ausgeführt haben, werden der erforderliche Code und die Dateien generiert. Rechts sehen Sie eine Live-Vorschau Ihrer App.

Was wird erstellt?

Wenn Sie Ihren Prompt ausführen, erstellt AI Studio eine vollständige Anwendung. Standardmäßig wird eine Full-Stack-Umgebung erstellt, die Folgendes enthalten kann:

  • Clientseitig: ein Web-Frontend (Standard ist React).
  • Serverseitig: eine Node.js-Runtime, die sichere API-Aufrufe, Datenbankverbindungen und die Verwendung von npm-Paketen ermöglicht.

Sie können den generierten Code ansehen, indem Sie im rechten Vorschaufenster den Tab Code auswählen. Der Antigravity Agent verwaltet auf intelligente Weise mehrere Dateien in Ihrem Stack und sorgt dafür, dass Änderungen korrekt weitergegeben werden.

Der Antigravity Agent

Der Antigravity Agent ist die wichtigste KI-Funktion in Google Antigravity. Die Kernkomponenten des Agent-Harness werden jetzt für den Build-Modus in Google AI Studio verwendet. Er geht über die einfache Code-Generierung hinaus, indem er den Kontext Ihres gesamten Projekts beibehält, mehrere Dateien verwaltet und komplexe Anweisungen versteht, um robuste Full-Stack-Anwendungen zu erstellen.

Zu den wichtigsten Funktionen gehören:

  • Kontextsensitivität: Der Kontext vorheriger Prompts und Dateistatus wird beibehalten.
  • Verwaltung mehrerer Dateien: Abhängigkeiten zwischen mehreren Dateien werden verarbeitet.
  • Überprüfte Ausführung: Code-Updates werden überprüft, um Halluzinationen zu reduzieren.

Full-Stack-Funktionen

Google AI Studio nutzt die Leistungsfähigkeit des modernen Web-Ökosystems, sodass Sie mehr als nur clientseitige Prototypen erstellen können.

  • Serverseitige Runtime und npm: Nutzen Sie die umfangreiche Bibliothek von npm-Paketen. Der Agent identifiziert und installiert automatisch die für Ihre App erforderlichen Pakete (z.B. bestimmte Bibliotheken für die Datenvisualisierung oder API-Clients). Sie können auch bestimmte Pakete anfordern.
  • Secret-Verwaltung: Speichern Sie API-Schlüssel und Secrets sicher im Menü Einstellungen. Diese sind in Ihrem serverseitigen Code zugänglich und somit vor der Offenlegung auf der Clientseite geschützt.
  • Multiplayer: Erstellen Sie kollaborative Echtzeit-Erlebnisse direkt in AI Studio. Die serverseitige Runtime verwaltet den Status und die Verbindungen, die für die Interaktion der Nutzer erforderlich sind.
  • Firebase-Integration: Firebase wird automatisch bereitgestellt und eingerichtet, einschließlich der Firestore-Datenbank (permanente Datenspeicherung) und der Firebase-Authentifizierung (Anmeldeabläufe, insbesondere „Über Google anmelden“). Der Agent übernimmt den gesamten Einrichtungsprozess und schreibt sogar den Code für diese Dienste in Ihre App.

Weitere Informationen zum Entwickeln von Full-Stack-Anwendungen

Noch mehr erstellen

Nachdem Google AI Studio den ersten Code für Ihre Anwendung generiert hat, können Sie ihn weiter verfeinern:

In Google AI Studio entwickeln

  • Mit Gemini iterieren: Verwenden Sie den Chatbereich im Build-Modus , um Gemini aufzufordern, Änderungen vorzunehmen, neue Funktionen hinzuzufügen oder das Styling zu ändern.
  • Code direkt bearbeiten: Öffnen Sie im Vorschaufenster den Tab Code , um Live-Änderungen vorzunehmen.

Extern entwickeln

Für komplexere Arbeitsabläufe können Sie den Code exportieren und in Ihrer bevorzugten Umgebung arbeiten:

  • Herunterladen und lokal entwickeln: Exportieren Sie den generierten Code als ZIP Datei und importieren Sie ihn in Ihren Code-Editor.
  • In GitHub übertragen: Integrieren Sie den Code in Ihre bestehenden Entwicklungs- und Bereitstellungsprozesse, indem Sie ihn in ein GitHub-Repository übertragen.

Wichtige Features

Google AI Studio bietet mehrere Funktionen, mit denen der Erstellungsprozess intuitiv und visuell gestaltet werden kann:

  • Full-Stack-Anwendungen erstellen und iterieren: Erstellen Sie Full-Stack-Anwendungen mit nur einem Prompt und iterieren Sie im Chat- oder Anmerkungsmodus. Im Anmerkungsmodus können Sie jeden Teil der Benutzeroberfläche Ihrer App hervorheben und die gewünschte Änderung beschreiben.
  • App freigeben und bereitstellen: Sie können Ihre Kreationen für andere freigeben, um zusammenzuarbeiten oder Ihre Arbeit zu präsentieren. Bei der Freigabe werden API-Aufrufe auf Ihre Nutzungslimits angerechnet. Wenn Sie kostenpflichtige Modelle verwenden, können Kosten anfallen. Wenn Ihre App fertig ist, stellen Sie sie in Cloud Run bereit.
  • App-Galerie: Die App-Galerie bietet eine visuelle Bibliothek mit Projektideen. Sie können sich ansehen, was mit Gemini möglich ist, eine Vorschau von Anwendungen aufrufen und sie remixen, um sie an Ihre Bedürfnisse anzupassen.

App bereitstellen oder archivieren

Wenn Ihre Anwendung fertig ist, können Sie sie bereitstellen:

  • Cloud Run: Stellen Sie Ihre Anwendung als skalierbaren Dienst bereit. Je nach Nutzung können Kosten für Google Cloud Run anfallen. Weitere Informationen zur Bereitstellung finden Sie unter Bereitstellung aus Google AI Studio.

  • GitHub: Exportieren Sie Ihr Projekt in ein GitHub-Repository.

Beschränkungen

In diesem Abschnitt werden die aktuellen Beschränkungen des Build-Modus in Google AI Studio aufgeführt.

Verwalten von API-Schlüsseln

Wenn Sie eine neue App erstellen, die die Gemini API verwendet, konfiguriert AI Studio Ihren Gemini API-Schlüssel automatisch als Secret in der serverseitigen Umgebung der App. Sie können diesen Schlüssel im Bereich Secrets ansehen und verwalten.

  • Automatische Einrichtung: Ihr GEMINI_API_KEY wird für Sie eingerichtet. Für den Beginn der Entwicklung ist keine manuelle Konfiguration erforderlich.
  • Nur serverseitig: API-Schlüssel werden in die serverseitige Runtime eingefügt und sind niemals im clientseitigen Code enthalten.
  • Vorhandene Apps: Bei Apps, die vor dem 14. Mai 2026 erstellt wurden, aktualisiert der Agent Ihre Gemini API-Integration automatisch auf den empfohlenen serverseitigen Ansatz, wenn Sie die Gemini-Funktionen der App das nächste Mal ändern.

Bereitstellung außerhalb von Google AI Studio

  • Cloud Run: Wenn Sie aus AI Studio in Cloud Run bereitstellen, wird Ihr API-Schlüssel sicher in die serverseitige Umgebung eingefügt. Die bereitgestellte App verwendet Ihren API-Schlüssel für alle Gemini API-Aufrufe der Nutzer.
  • ZIP-Download: Wenn Sie Ihre App als ZIP-Datei herunterladen, um sie an einem anderen Ort auszuführen, müssen Sie die Umgebungsvariable GEMINI_API_KEY in Ihrer Hostingumgebung einrichten. Da die Gemini API-Aufrufe Ihrer App über serverseitigen Code erfolgen, wird der Schlüssel nicht für Endnutzer offengelegt.

Fehler beim Freigeben von Apps

Wenn Sie Ihre App freigeben und Ihr Endnutzer beim Verwenden der freigegebenen URL den Fehler 403 Access Restricted erhält, kann das folgende Ursachen haben:

  • Browsererweiterungen: Datenschutzerweiterungen wie Privacy Badger blockieren möglicherweise die App. Deaktivieren Sie die Erweiterung, um den Fehler zu vermeiden.
  • Build-Probleme: Es gibt möglicherweise Probleme mit dem aktuellen Code. Fordern Sie den Agent auf, „alle Probleme beim Erstellen mit dem aktuellen Code zu beheben“, und geben Sie die URL dann noch einmal frei.

FAQ

Was ist „In AI Studio entwickeln“?

„In AI Studio entwickeln“ ist eine Plattform, mit der Sie mit Gemini aus einem einfachen Prompt eine produktionsreife, KI-basierte Anwendung erstellen können. Beschreiben Sie mit einem Prompt, was Sie erstellen möchten, und Gemini generiert eine App für Sie. Sie können auch unsere Galerie durchsuchen, um zu sehen, was mit der Gemini API möglich ist, und Apps remixen, um sie an Ihre Bedürfnisse anzupassen.

Wie wird mein Gemini API-Schlüssel von „In AI Studio entwickeln“ verarbeitet?

Wenn Sie eine App erstellen, die die Gemini API verwendet, richtet AI Studio Ihren Gemini API-Schlüssel automatisch als serverseitiges Secret ein. Die Gemini API-Aufrufe Ihrer App erfolgen über serverseitigen Code mit diesem Schlüssel, sodass er niemals im Browser offengelegt wird. Sie können Ihren API-Schlüssel in den Einstellungen im Bereich Secrets ansehen.

Wird mein API-Schlüssel beim Freigeben von Apps offengelegt?

Nein. Ihr API-Schlüssel wird als serverseitiges Secret gespeichert und ist niemals im clientseitigen Code enthalten. Wenn Sie Ihre App freigeben, können andere Nutzer sie verwenden, aber Ihren API-Schlüssel nicht sehen.

Wenn Sie Ihre Apps für andere freigeben, werden API-Aufrufe auf Ihre Nutzungslimits angerechnet. Wenn Sie kostenpflichtige Modelle verwenden, können Kosten anfallen. AI Studio informiert Sie während der Einrichtung und vor der Freigabe, wenn für Ihre App Kosten anfallen könnten.

Wer kann meine Apps sehen?

Standardmäßig ist Ihre App privat. Sie können Ihre App für andere Nutzer freigeben, damit sie sie verwenden können. Nutzer, für die Sie Ihre App freigeben, können den Code sehen und ihn für ihre eigenen Zwecke kopieren. Wenn Sie Ihre App mit Bearbeitungsberechtigung freigeben, können die anderen Nutzer den Code Ihrer App bearbeiten.

Kann ich Apps außerhalb von AI Studio ausführen?

Ja. Sie können Ihre App aus AI Studio in Cloud Run bereitstellen. Dadurch erhält Ihre App eine öffentliche URL, wobei Ihr API-Schlüssel sicher in der serverseitigen Umgebung konfiguriert ist. Sie können Ihre App auch als ZIP-Datei herunterladen und an einem anderen Ort hosten. Dazu müssen Sie die Umgebungsvariable GEMINI_API_KEY in Ihrer Hostingumgebung festlegen. Da Gemini API-Aufrufe über serverseitigen Code erfolgen, bleibt Ihr Schlüssel sicher.

Weitere Informationen zu den Bereitstellungsoptionen finden Sie unter Bereitstellung aus Google AI Studio.

Kann ich Apps lokal mit meinen eigenen Tools entwickeln und sie dann hier freigeben?

Diese Funktion ist noch nicht verfügbar. Wir arbeiten daran, in Zukunft weitere Anwendungsfälle für Apps zu unterstützen. Wenn Sie konkrete Ideen haben, geben Sie uns bitte Feedback.

Wie kann ich eine Datenbank oder anderen Speicher mit meinen Apps verwenden?

AI Studio-Apps sind Standard-Apps, die in einem Cloud Run-Container ausgeführt werden. Sie können jede Speicherlösung verwenden, mit der Sie über ein Netzwerk eine Verbindung herstellen können, sofern keine Firewall den Zugriff aus einem dynamischen IP-Bereich verhindert.

Wir arbeiten daran, in Zukunft direkte Unterstützung für Speicher hinzuzufügen, die Sie direkt in AI Studio konfigurieren können.

Damit Nutzer wissen, dass eine App ihre Webcam oder andere Geräte verwendet, ist eine zusätzliche Bestätigung erforderlich, bevor die App auf diese Navigator APIs zugreifen kann. App-Entwickler können diese Berechtigungsanfragen der Datei metadata.json ihrer App hinzufügen. Beispiel:

{
  "name": "My app",
  "requestFramePermissions": [
    "microphone",
    "camera",
    "display-capture",
    "geolocation",
    "bluetooth",
    "clipboard-read",
    "serial",
    "usb"
  ]
}

Die unterstützten Werte für requestFramePermissions sind eine Teilmenge der standardmäßigen richtliniengesteuerten Funktionen.

Wie kann ich GitHub mit meinen Apps verwenden?

Mit der GitHub-Integration von AI Studio können Sie ein Repository für Ihre Arbeit erstellen und Ihre letzten Änderungen übertragen. Das Abrufen von Remote-Änderungen wird derzeit nicht unterstützt.

Kann ich anderen Nutzern Bearbeitungszugriff auf meine App gewähren?

Diese Funktion wird noch nicht unterstützt, ist aber bald verfügbar.

Warum wurde meine App wegen eines Richtlinienverstoßes gemeldet?

Wir haben Systeme, die Apps automatisch überprüfen, um sicherzustellen, dass sie unseren Richtlinien entsprechen. Wenn wir feststellen, dass eine App gegen unsere Richtlinien verstößt, wird sie aus AI Studio entfernt. Beispiele für Richtlinienverstöße:

  • Apps, die Malware, Phishing oder Identitätsdiebstahl enthalten
  • Apps, die Inhalte anzeigen oder verbreiten, die gegen die Richtlinie zu visuellen Darstellungen des sexuellen Missbrauchs von Kindern verstoßen
  • Apps, die Inhalte anzeigen oder verbreiten, die gegen die Richtlinie zu Belästigung verstoßen
  • Apps, die Inhalte anzeigen oder verbreiten, die gegen die Richtlinie zu Hassreden verstoßen
  • Apps, die Inhalte anzeigen oder verbreiten, die gegen die Richtlinie zu Menschenhandel verstoßen
  • Apps, die Inhalte anzeigen oder verbreiten, die gegen die Richtlinie zu sexuell expliziten Inhalten verstoßen
  • Apps, die Inhalte anzeigen oder verbreiten, die gegen die Richtlinie zu Gewalt und Gewaltdarstellungen verstoßen
  • Apps, die Inhalte anzeigen oder verbreiten, die gegen die Richtlinie zu schädlichen oder gefährlichen Inhalten verstoßen

Wenn Ihre App wegen eines Richtlinienverstoßes gemeldet wurde und Sie der Meinung sind, dass dies fälschlicherweise geschehen ist, können Sie Einspruch einlegen. Wiederholte Verstöße gegen unsere Richtlinien können zur Beendigung Ihres Zugriffs auf AI Studio führen.

Was sind meine Pflichten als App-Entwickler?

Als Inhaber Ihrer Anwendung sind Sie für ihr Verhalten und alle Daten verantwortlich, die sie verarbeitet. Dazu zählen:

  • Einhaltung von Gesetzen und Rechten Dritter:Ihre App muss allen anwendbaren Gesetzen und Vorschriften entsprechen und darf keine Rechte anderer verletzen, einschließlich geistiger Eigentumsrechte und Datenschutzrechte.
  • Inhaltsüberwachung: Für andere Dienste, die von Ihrer App verwendet werden, gelten möglicherweise Zusatzbedingungen. Gemäß den Nutzungsbedingungen für Google Cloud, die für Firestore gelten, müssen Kunden, die Inhalte von Dritten hosten, beispielsweise Richtlinien veröffentlichen, in denen verbotene Inhalte (z.B. illegale Inhalte) definiert sind, und auf das Vorhandensein dieser illegalen Inhalte achten.
  • Sichere Implementierung:Sie müssen die erforderlichen Sicherheitsmaßnahmen und Moderationstools implementieren, um den Missbrauch Ihrer Anwendung zu verhindern.

Beachten Sie die Nutzungsbeschränkungen in den Nutzungsbedingungen.

Sofern nicht anders angegeben, gelten für die Nutzung von Apps in der App-Galerie in AI Studio die Zusatzbedingungen für die Gemini API.

Nächste Schritte