Tworzenie aplikacji w Google AI Studio

Na tej stronie opisujemy, jak za pomocą Google AI Studio szybko tworzyć (lub „vibe code”) i wdrażać aplikacje, które testują najnowsze możliwości Gemini, takie jak Nano Banana i Live API. Google AI Studio obsługuje tworzenie aplikacji internetowych z pełnymi środowiskami wykonawczymi oraz natywnych aplikacji na Androida za pomocą Kotlina i Jetpack Compose – wszystko to dzięki promptom w języku naturalnym.

Rozpocznij

Zacznij stosować vibe coding w trybie kompilacji w Google AI Studio. Możesz zacząć tworzyć na kilka sposobów:

  • Zacznij od prompta: w trybie tworzenia użyj pola wejściowego, aby wpisać opis tego, co chcesz utworzyć. Wybierz elementy AI, aby dodać do prompta określone funkcje, takie jak generowanie obrazów czy dane z Map Google. Możesz nawet powiedzieć, co chcesz, używając przycisku zamiany mowy na tekst.
  • Przycisk „Szczęśliwy traf”: jeśli potrzebujesz inspiracji, użyj przycisku „Szczęśliwy traf”, a Gemini wygeneruje prompta z pomysłem na projekt, który pomoże Ci zacząć.
  • thought Remiksowanie projektu z galerii: otwórz projekt z galerii aplikacji i kliknij Kopiuj aplikację.
  • Importowanie projektu z GitHuba: w trybie tworzenia wybierz Importuj z GitHuba z menu Dodaj pliki (ikona +) w polu tekstowym prompta, aby zaimportować istniejący kod.

Po uruchomieniu prompta zobaczysz, że wygenerowany został niezbędny kod i pliki, a po prawej stronie pojawi się podgląd aplikacji na żywo.

Co zostanie utworzone?

Gdy uruchomisz prompt, AI Studio utworzy kompletną aplikację. Za pomocą selektora platformy możesz utworzyć aplikację internetową lub natywną aplikację na Androida.

W przypadku aplikacji internetowych (domyślnie) AI Studio tworzy środowisko full-stack, które obejmuje:

  • Po stronie klienta: frontend internetowy (domyślnie React).
  • Po stronie serwera: środowisko wykonawcze Node.js, które umożliwia bezpieczne wywołania interfejsu API, połączenia z bazą danych i korzystanie z pakietów npm.

W przypadku aplikacji na Androida AI Studio generuje projekt Kotlin i Jetpack Compose, który możesz wyświetlić w emulatorze opartym na przeglądarce, zainstalować na urządzeniu fizycznym i opublikować w Sklepie Play do testów. Więcej informacji o tworzeniu aplikacji na Androida

Wygenerowany kod możesz wyświetlić, wybierając kartę Kod w panelu podglądu po prawej stronie. Agent Antigravity inteligentnie zarządza wieloma plikami w stosie, zapewniając prawidłowe rozpowszechnianie zmian.

Agent Antigravity

Agent Antigravity to główna funkcja AI w Google Antigravity, a teraz podstawowe komponenty uprzęży agenta obsługują tryb tworzenia w Google AI Studio. Nie tylko generuje kod, ale też zachowuje kontekst całego projektu, zarządza wieloma plikami i rozumie złożone instrukcje, co pozwala mu tworzyć solidne, kompleksowe aplikacje.

Najważniejsze funkcje:

  • Świadomość kontekstu: zachowuje kontekst poprzednich promptów i stanów plików.
  • Zarządzanie wieloma plikami: obsługuje zależności między wieloma plikami.
  • Zweryfikowane wykonywanie: weryfikuje aktualizacje kodu, aby ograniczyć halucynacje.

Możliwości obejmujące pełny stos technologiczny

Google AI Studio pozwala wykorzystać możliwości nowoczesnego ekosystemu internetowego, umożliwiając tworzenie nie tylko prototypów po stronie klienta.

  • Środowisko wykonawcze po stronie serwera i npm: korzystaj z ogromnej biblioteki pakietów npm. Agent automatycznie zidentyfikuje i zainstaluje pakiety potrzebne do działania aplikacji (np. określone biblioteki do wizualizacji danych lub klientów interfejsu API). W razie potrzeby możesz też poprosić o konkretne pakiety.
  • Zarządzanie obiektami tajnymi: bezpiecznie przechowuj klucze interfejsu API i obiekty tajne w menu Ustawienia. Są one dostępne w kodzie po stronie serwera, dzięki czemu są chronione przed ujawnieniem po stronie klienta.
  • Tryb wieloosobowy: twórz środowiska współpracy w czasie rzeczywistym bezpośrednio w AI Studio. Środowisko wykonawcze po stronie serwera zarządza stanem i połączeniami wymaganymi do interakcji użytkowników.
  • Firebase Firestore i Uwierzytelnianie Firebase: automatycznie udostępniaj i konfiguruj Firebase, w tym bazę danych Firestore (trwały magazyn danych) i Uwierzytelnianie Firebase (procesy logowania, w szczególności „Zaloguj się przez Google”). Agent obsługuje cały proces konfiguracji, a nawet pisze kod w aplikacji dla tych usług.
  • Integracje z Google Workspace: połącz swoją aplikację z interfejsami API Google Workspace, takimi jak Gmail, Arkusze, Dokumenty, Dysk, Kalendarz i inne. AI Studio automatycznie obsługuje całą konfigurację OAuth.

Więcej informacji o tworzeniu aplikacji full-stack

Aplikacje na Androida

Możesz też tworzyć natywne aplikacje na Androida za pomocą Kotlina i Jetpack Compose. Wyświetl podgląd aplikacji w emulatorze Androida w przeglądarce, zainstaluj ją na urządzeniu fizycznym za pomocą ADB w przeglądarce i opublikuj w Sklepie Play do testów wewnętrznych.

AI Studio integruje się też z Firebase w przypadku aplikacji na Androida, aby automatycznie udostępniać Firebase AI Logic i Sprawdzanie aplikacji Firebase (w celu bezpiecznego wywoływania interfejsu Gemini API po stronie klienta bez ujawniania nieprzetworzonych kluczy interfejsu API), a także Cloud Firestore i Uwierzytelnianie Firebase.

Więcej informacji o tworzeniu aplikacji na Androida

Kontynuuj tworzenie

Gdy Google AI Studio wygeneruje początkowy kod aplikacji, możesz go dalej ulepszać:

Tworzenie w Google AI Studio

  • Iteruj z Gemini: użyj panelu czatu w trybie tworzenia, aby poprosić Gemini o wprowadzenie zmian, dodanie nowych funkcji lub zmianę stylu.
  • Edytuj kod bezpośrednio: otwórz kartę Kod w panelu podglądu, aby wprowadzać zmiany na żywo.

Tworzenie poza Google Cloud

W przypadku bardziej zaawansowanych przepływów pracy możesz zsynchronizować lub wyeksportować kod, aby pracować w preferowanym środowisku:

  • Synchronizuj z GitHubem: połącz aplikację z repozytorium GitHub, aby włączyć synchronizację dwukierunkową. Możesz przekazywać zmiany wprowadzone w AI Studio bezpośrednio do repozytorium za pomocą komunikatów o zatwierdzeniu wygenerowanych przez AI lub pobierać zmiany wprowadzone lokalnie w IDE lub przez członków zespołu z powrotem do AI Studio. Stanem synchronizacji możesz zarządzać w dowolnym momencie na karcie GitHub w Ustawieniach.
  • Pobierz i rozwijaj lokalnie: wyeksportuj wygenerowany kod jako plik ZIP i zaimportuj go do edytora kodu.

Najważniejsze funkcje

Google AI Studio zawiera kilka funkcji, które sprawiają, że proces tworzenia jest intuicyjny i wizualny:

  • Tworzenie i ulepszanie aplikacji full stack: twórz aplikacje full stack za pomocą prompta i ulepszaj je na czacie lub w trybie adnotacji. Tryb adnotacji umożliwia wyróżnienie dowolnej części interfejsu aplikacji i opisanie zmiany, którą chcesz wprowadzić.
  • Udostępnianie i wdrażanie aplikacji: możesz udostępniać swoje projekty innym osobom, aby współpracować lub zaprezentować swoją pracę. Podczas udostępniania wywołania interfejsu API wliczają się do limitów wykorzystania. Jeśli korzystasz z płatnych modeli, mogą obowiązywać opłaty. Gdy aplikacja będzie gotowa, wdrożysz ją w Cloud Run.
  • Galeria aplikacji: zawiera wizualną bibliotekę pomysłów na projekty. Możesz sprawdzić, co jest możliwe dzięki Gemini, natychmiast wyświetlać podgląd aplikacji i modyfikować je, aby dostosować je do swoich potrzeb.

Wdrażanie i archiwizowanie aplikacji

Gdy aplikacja będzie gotowa, możesz ją wdrożyć:

  • Cloud Run: wdrażanie aplikacji jako skalowalnej usługi. W zależności od wykorzystania mogą obowiązywać opłaty za Google Cloud Run. Więcej informacji o wdrażaniu znajdziesz w artykule o wdrażaniu z Google AI Studio.

  • GitHub: zsynchronizuj projekt z nowym lub istniejącym repozytorium GitHub, aby zarządzać kodem źródłowym lub współpracować z innymi osobami.

Ograniczenia

W tej sekcji znajdziesz listę obecnych ograniczeń trybu tworzenia w Google AI Studio.

Zarządzanie kluczami interfejsu API

Gdy tworzysz nową aplikację internetową, która korzysta z interfejsu Gemini API, AI Studio automatycznie konfiguruje klucz interfejsu API Gemini jako obiekt tajny w środowisku po stronie serwera aplikacji. Możesz wyświetlić ten klucz i nim zarządzać w panelu Obiekty tajne.

  • Konfiguracja automatyczna: GEMINI_API_KEY jest skonfigurowany automatycznie – nie musisz nic robić, aby zacząć tworzyć.
  • Tylko po stronie serwera: klucze interfejsu API są wstrzykiwane do środowiska wykonawczego po stronie serwera i nigdy nie są uwzględniane w kodzie po stronie klienta.
  • Istniejące aplikacje: w przypadku aplikacji utworzonych przed 14 maja 2026 r. agent automatycznie uaktualni integrację z interfejsem Gemini API do zalecanego podejścia po stronie serwera, gdy następnym razem zmodyfikujesz funkcje Gemini w aplikacji.

Aplikacje na Androida

Podczas tworzenia aplikacji na Androida AI Studio używa Firebase AI Logic i Sprawdzania aplikacji Firebase zamiast nieprzetworzonego klucza interfejsu API, dzięki czemu dane logowania nigdy nie są umieszczane w pliku APK.

Wdrażanie poza Google AI Studio

  • Cloud Run: gdy wdrażasz w Cloud Run z AI Studio, klucz interfejsu API jest bezpiecznie uwzględniany w środowisku po stronie serwera. Wdrożona aplikacja będzie używać Twojego klucza interfejsu API do wszystkich wywołań interfejsu Gemini API przez użytkowników.
  • Pobieranie pliku ZIP: jeśli pobierzesz aplikację jako plik ZIP, aby uruchomić ją w innym miejscu, musisz skonfigurować zmienną środowiskową GEMINI_API_KEY w środowisku hostingu. Wywołania interfejsu Gemini API przez aplikację są wykonywane z kodu po stronie serwera, więc klucz nie jest widoczny dla użytkowników.

Błąd podczas udostępniania aplikacji

Jeśli udostępnisz aplikację, a użytkownik zobaczy błąd 403 – dostęp ograniczony podczas korzystania z udostępnionego adresu URL, może to być spowodowane jedną z tych przyczyn:

  • Rozszerzenia przeglądarki: rozszerzenia dotyczące prywatności, takie jak Privacy Badger, mogą blokować aplikację. Aby uniknąć błędu, wyłącz rozszerzenie.
  • Problemy z kompilacją: mogą występować problemy z bieżącym kodem. Poproś agenta o „naprawienie problemów z kompilacją w bieżącym kodzie”, a następnie ponownie udostępnij adres URL.

Najczęstsze pytania

Czym jest funkcja Utwórz w AI Studio?

AI Studio Build to platforma, która pozwala przejść od prostego prompta do przygotowanej do zastosowań produkcyjnych aplikacji opartej na AI, korzystając z Gemini. Opisz w prompcie, co chcesz utworzyć, a Gemini wygeneruje dla Ciebie aplikację. Możesz też przejrzeć naszą galerię, aby zobaczyć, co można zrobić za pomocą interfejsu Gemini API, i remiksować aplikacje, aby dostosować je do swoich potrzeb.

Jak Build postępuje z moim kluczem interfejsu Gemini API?

Gdy tworzysz aplikację internetową, która korzysta z interfejsu Gemini API, AI Studio automatycznie konfiguruje klucz interfejsu API Gemini jako obiekt tajny po stronie serwera. Wywołania interfejsu Gemini API w aplikacji są wykonywane z kodu po stronie serwera przy użyciu tego klucza, więc nigdy nie są widoczne w przeglądarce. Klucz interfejsu API możesz wyświetlić w panelu Obiekty tajne w Ustawieniach. W przypadku aplikacji na Androida AI Studio używa Firebase AI Logic i Sprawdzania aplikacji Firebase, aby wykonywać bezpieczne wywołania po stronie klienta bez umieszczania klucza interfejsu API w pliku binarnym aplikacji.

Czy mój klucz interfejsu API jest widoczny podczas udostępniania aplikacji?

Nie. Klucz interfejsu API jest przechowywany jako obiekt tajny po stronie serwera i nigdy nie jest uwzględniany w kodzie po stronie klienta. Gdy udostępnisz aplikację, inni użytkownicy będą mogli z niej korzystać, ale nie będą widzieć Twojego klucza interfejsu API.

Gdy udostępniasz aplikacje innym osobom, wywołania interfejsu API są wliczane do limitów wykorzystania. Jeśli korzystasz z płatnych modeli, mogą obowiązywać opłaty. AI Studio poinformuje Cię podczas konfiguracji i przed udostępnieniem, czy aplikacja może generować koszty.

Kto może zobaczyć moje aplikacje?

Domyślnie aplikacja jest prywatna. Możesz udostępnić aplikację innym użytkownikom, aby mogli z niej korzystać. Użytkownicy, którym udostępnisz aplikację, mogą zobaczyć jej kod i utworzyć jej rozwidlenie na własne potrzeby. Jeśli udostępnisz aplikację z uprawnieniami do edycji, inni użytkownicy będą mogli edytować jej kod.

Czy mogę uruchamiać aplikacje poza AI Studio?

Tak. Możesz wdrożyć aplikację w Cloud Run z AI Studio, co zapewni jej publiczny adres URL z kluczem interfejsu API bezpiecznie skonfigurowanym w środowisku po stronie serwera. Możesz też pobrać aplikację jako plik ZIP i hostować ją w innym miejscu. W środowisku hostingowym musisz ustawić zmienną środowiskową GEMINI_API_KEY. Wywołania interfejsu Gemini API są wykonywane z kodu po stronie serwera, więc klucz pozostaje bezpieczny.

Więcej informacji o opcjach wdrażania znajdziesz w artykule Wdrażanie z Google AI Studio.

Czy mogę tworzyć aplikacje lokalnie za pomocą własnych narzędzi, a następnie udostępniać je tutaj?

Tak. Możesz połączyć aplikację AI Studio z repozytorium GitHub, aby rozwijać ją lokalnie za pomocą preferowanego edytora kodu lub narzędzi CLI, przesyłać zmiany do GitHuba, a następnie pobierać te aktualizacje bezpośrednio do AI Studio za pomocą karty GitHub w Ustawieniach.

Jak mogę używać bazy danych lub innego miejsca na dane w moich aplikacjach?

Aplikacje AI Studio to standardowe aplikacje działające w kontenerze Cloud Run. Możesz użyć dowolnego rozwiązania do przechowywania danych, z którym możesz połączyć się przez sieć, o ile nie ma zapory sieciowej uniemożliwiającej dostęp z dynamicznego zakresu adresów IP.

Pracujemy nad dodaniem w przyszłości bezpośredniej obsługi pamięci masowej, którą będzie można skonfigurować bezpośrednio w AI Studio.

Aby mieć pewność, że widzowie wiedzą, że aplikacja korzysta z ich kamery internetowej lub innych urządzeń, wymagamy dodatkowego potwierdzenia, zanim aplikacja będzie mogła uzyskać dostęp do tych interfejsów API Navigator. Twórcy aplikacji mogą dodawać te prośby o uprawnienia do pliku metadata.json aplikacji. Na przykład:

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

Obsługiwane wartości requestFramePermissions stanowią podzbiór standardowych funkcji kontrolowanych przez zasady.

Jak mogę używać GitHuba z moimi aplikacjami?

AI Studio obsługuje dwukierunkową synchronizację z GitHubem:

  • Importowanie repozytorium: w trybie tworzenia wybierz Importuj z GitHuba z menu Dodaj pliki (ikona +) w polu promptu, aby zaimportować istniejący kod.
  • Połącz repozytorium: w Ustawieniach otwórz kartę GitHub, aby utworzyć nowe repozytorium GitHub z aplikacji lub połączyć się z istniejącym.
  • Synchronizacja dwukierunkowa: przesyłaj zmiany wprowadzone w AI Studio bezpośrednio do repozytorium za pomocą komunikatów o zatwierdzeniu wygenerowanych przez AI lub pobieraj zmiany wprowadzone zewnętrznie (np. lokalne zmiany w IDE lub żądania pull od współpracowników) z powrotem do AI Studio.
  • Rozwiązywanie konfliktów scalania: jeśli podczas synchronizacji z GitHubem wystąpią konflikty zmian, AI Studio wyświetli okno Rozwiąż konflikty z widokiem porównania, który umożliwia sprawdzenie różnic i wybranie, czy w przypadku każdego pliku z konfliktem chcesz zachować wersję z AI Studio czy z GitHuba.

Czy mogę przyznać innym użytkownikom uprawnienia do edycji mojej aplikacji?

AI Studio nie obsługuje bezpośredniego wspólnego edytowania w czasie rzeczywistym. Możesz jednak współpracować z członkami zespołu, łącząc aplikację z udostępnionym repozytorium GitHub. Członkowie zespołu mogą przesyłać zmiany lub otwierać żądania pull na GitHubie, a Ty możesz pobierać te aktualizacje do AI Studio.

Dlaczego moja aplikacja została oznaczona jako naruszająca zasady?

Mamy systemy, które automatycznie sprawdzają aplikacje pod kątem zgodności z naszymi zasadami. Jeśli stwierdzimy, że aplikacja narusza nasze zasady, zostanie ona usunięta z AI Studio. Naruszenia zasad mogą obejmować m.in.:

  • aplikacje zawierające złośliwe oprogramowanie, wyłudzające informacje lub podszywające się pod inne osoby;
  • aplikacje, które wyświetlają lub rozpowszechniają treści naruszające zasady dotyczące materiałów wizualnych przedstawiających wykorzystywanie seksualne dzieci;
  • Aplikacje, które wyświetlają lub rozpowszechniają treści naruszające zasady dotyczące nękania
  • Aplikacje, które wyświetlają lub rozpowszechniają treści naruszające zasady dotyczące szerzenia nienawiści
  • Aplikacje, które wyświetlają lub rozpowszechniają treści naruszające zasady dotyczące handlu ludźmi
  • Aplikacje, które wyświetlają lub rozpowszechniają treści naruszające zasady dotyczące treści o charakterze jednoznacznie seksualnym
  • Aplikacje, które wyświetlają lub rozpowszechniają treści naruszające zasady dotyczące przemocy i okrucieństwa
  • Aplikacje, które wyświetlają lub rozpowszechniają treści naruszające zasady dotyczące treści szkodliwych lub niebezpiecznych

Jeśli Twoja aplikacja została oznaczona jako naruszająca zasady i uważasz, że to błąd, możesz przesłać odwołanie. Powtarzające się naruszenia naszych zasad mogą spowodować utratę dostępu do AI Studio.

Jakie są moje obowiązki jako dewelopera aplikacji?

Przypominamy, że jako właściciel aplikacji odpowiadasz za jej działanie i wszystkie dane, które przetwarza. Obejmuje to m.in.:

  • Zgodność z przepisami i prawa osób trzecich: upewnij się, że Twoja aplikacja jest zgodna ze wszystkimi obowiązującymi przepisami i regulacjami prawnymi oraz nie narusza praw innych osób, w tym praw własności intelektualnej i prawa do prywatności.
  • Monitorowanie treści: zgodność z dodatkowymi warunkami może dotyczyć innych usług używanych przez Twoją aplikację. Na przykład Warunki korzystania z usługi Google Cloud, które mają zastosowanie do Firestore, wymagają od klientów hostujących treści osób trzecich opublikowania zasad określających, jakie treści są zabronione (np. treści niezgodne z prawem), i monitorowania obecności takich treści.
  • Bezpieczne wdrożenie: wdrożenie niezbędnych zabezpieczeń i narzędzi do moderowania, aby zapobiec nadużyciom w aplikacji.

Pamiętaj o ograniczeniach użytkowania opisanych w Warunkach korzystania z usługi.

W przypadku korzystania z aplikacji dostępnych w galerii aplikacji w AI Studio obowiązują dodatkowe warunki korzystania z usługi Gemini API, chyba że zaznaczono inaczej.

Co dalej?