Tworzenie aplikacji w Google AI Studio

Na tej stronie dowiesz się, jak za pomocą Google AI Studio szybko tworzyć (lub „vibecode’ować”) i wdrażać aplikacje, które testują najnowsze funkcje Gemini, takie jak Nano Banana i Live API. Google AI Studio umożliwia tworzenie aplikacji internetowych z pełnymi środowiskami wykonawczymi i natywnych aplikacji na Androida w Kotlinie i Jetpack Compose – wszystko to za pomocą promptów w języku naturalnym.

Rozpocznij

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

  • Zacznij od prompta: w trybie tworzenia użyj pola wprowadzania, aby wpisać opis tego, co chcesz utworzyć. Wybierz AI Chips, aby dodać do prompta konkretne 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, kliknij przycisk „Szczęśliwy traf”, a Gemini wygeneruje prompt z pomysłem na projekt, który pomoże Ci zacząć.
  • Remiksowanie projektu z galerii: otwórz projekt z galerii aplikacji i wybierz Kopiuj aplikację.
  • Importowanie projektu z GitHub: w trybie kompilacji wybierz Import from GitHub (Importuj z GitHub) w menu Add files (Dodaj pliki) (ikona +) w polu wprowadzania prompta, aby zaimportować istniejący kod.

Po uruchomieniu promptu zobaczysz wygenerowany 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 platform możesz utworzyć aplikację internetową lub natywną aplikację na Androida.

W przypadku aplikacji internetowych (domyślnie) AI Studio tworzy środowisko pełnego stosu, które obejmuje:

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

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

Kod, który jest generowany, możesz wyświetlić, klikając kartę Kod w panelu podglądu po prawej stronie. Antigravity Agent inteligentnie zarządza wieloma plikami w Twoim stosie, zapewniając prawidłowe propagowanie zmian.

Agent Antigravity

Agent Antigravity to główna funkcja AI w Google Antigravity. Obecnie podstawowe komponenty platformy agenta obsługują tryb tworzenia w Google AI Studio. Wykracza poza proste generowanie kodu, ponieważ zachowuje kontekst całego projektu, zarządza wieloma plikami i rozumie złożone instrukcje, aby tworzyć niezawodne aplikacje pełnostosowe.

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.
  • Weryfikowane wykonywanie: weryfikuje aktualizacje kodu, aby ograniczyć halucynacje.

Możliwości full-stack

Google AI Studio udostępnia możliwości nowoczesnego ekosystemu internetowego, dzięki czemu możesz tworzyć nie tylko prototypy po stronie klienta.

  • Środowisko wykonawcze po stronie serwera i npm: korzystaj z obszernej biblioteki pakietów npm. Agent automatycznie zidentyfikuje i zainstaluje pakiety potrzebne w aplikacji (np. konkretne biblioteki do wizualizacji danych lub klientów interfejsu API). W razie potrzeby możesz też poprosić o konkretne pakiety.
  • Zarządzanie obiektami tajnymi: bezpieczne przechowywanie kluczy interfejsu API i obiektów tajnych w menu Ustawienia. Są one dostępne w kodzie po stronie serwera, dzięki czemu są chronione przed ujawnieniem po stronie klienta.
  • Wielu graczy: twórz funkcje 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 Authentication: automatyczne udostępnianie i konfigurowanie Firebase, w tym bazy danych Firestore (trwałe przechowywanie danych) i Firebase Authentication (procesy logowania, w szczególności „Zaloguj się przez Google”). Agent przeprowadza cały proces konfiguracji, a nawet pisze kod w aplikacji na potrzeby tych usług.
  • Integracje z Google Workspace: połącz 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 typu full-stack

Aplikacje na Androida

Możesz też tworzyć natywne aplikacje na Androida przy użyciu 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 na potrzeby testów wewnętrznych.

Więcej informacji o tworzeniu aplikacji na Androida

Kontynuuj tworzenie

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

Tworzenie w Google AI Studio

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

Opracowywanie zewnętrznie

W przypadku bardziej zaawansowanych przepływów pracy możesz wyeksportować kod i pracować w wybranym środowisku:

  • Pobieranie i rozwijanie lokalne: wyeksportuj wygenerowany kod jako plik ZIP i zaimportuj go do edytora kodu.
  • Prześlij do GitHuba: zintegruj kod z dotychczasowymi procesami tworzenia i wdrażania, przesyłając go do repozytorium GitHub.

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, korzystając tylko z promptu, i ulepszaj je w trybie czatu lub 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 z nimi współpracować lub prezentować swoje prace. Podczas udostępniania wywołania interfejsu API wliczają się do limitów wykorzystania. Jeśli korzystasz z płatnych modeli, mogą zostać naliczone opłaty. Gdy aplikacja będzie gotowa, wdróż ją w Cloud Run.
  • Galeria aplikacji: galeria aplikacji to wizualna biblioteka pomysłów na projekty. Możesz przeglądać możliwości Gemini, od razu wyświetlać podgląd aplikacji i je remiksować, aby dostosować je do swoich potrzeb.

Wdrażanie i archiwizowanie aplikacji

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

  • Cloud Run: wdrożenie aplikacji jako skalowalnej usługi. Ceny Google Cloud Run mogą być naliczane w zależności od wykorzystania. Więcej informacji o wdrażaniu znajdziesz w artykule Wdrażanie z Google AI Studio.

  • GitHub: eksportuj projekt do repozytorium GitHub.

Ograniczenia

W tej sekcji znajdziesz aktualne ograniczenia trybu tworzenia w Google AI Studio.

Zarządzanie kluczami interfejsu API

Gdy utworzysz nową aplikację korzystającą z Gemini API, AI Studio automatycznie skonfiguruje klucz Gemini API jako tajny w środowisku po stronie serwera aplikacji. Ten klucz możesz wyświetlać i nim zarządzać w panelu Obiekty tajne.

  • Automatyczna konfiguracja: Twój GEMINI_API_KEY jest skonfigurowany za Ciebie – aby rozpocząć tworzenie, nie musisz przeprowadzać konfiguracji ręcznej.
  • 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ę interfejsu Gemini API do zalecanego podejścia po stronie serwera przy następnej modyfikacji funkcji Gemini w aplikacji.

Wdrożenie 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 API we wszystkich wywołaniach 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ć GEMINI_API_KEYzmienną środowiskowąGEMINI_API_KEY w środowisku hostingu. Wywołania interfejsu Gemini API w Twojej aplikacji są wykonywane z kodu po stronie serwera, więc klucz nie jest udostępniany użytkownikom.

Błąd podczas udostępniania aplikacji

Jeśli udostępnisz aplikację, a użytkownik końcowy napotka błąd 403 – dostęp ograniczony podczas korzystania z udostępnionego adresu URL, może to być spowodowane jednym z tych czynników:

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

Najczęstsze pytania

Co to jest Build in AI Studio?

AI Studio Build to platforma, która przeprowadzi Cię od prostego prompta do gotowej do wdrożenia aplikacji opartej na AI, korzystającej z Gemini. Opisz, 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 przetwarza mój klucz interfejsu Gemini API?

Gdy tworzysz aplikację korzystającą z interfejsu Gemini API, AI Studio automatycznie konfiguruje klucz interfejsu Gemini API jako tajny klucz po stronie serwera. Wywołania interfejsu Gemini API w Twojej aplikacji są wykonywane z kodu po stronie serwera przy użyciu tego klucza, więc nigdy nie jest on widoczny w przeglądarce. Klucz interfejsu API możesz wyświetlić w panelu Obiekty tajne w Ustawieniach.

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

Nie. Klucz interfejsu API jest przechowywany jako tajny klucz 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ą zostać naliczone opłaty. Podczas konfiguracji i przed udostępnieniem AI Studio poinformuje Cię, czy Twoja 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ę, będą mogli zobaczyć jej kod i skopiować go na potrzeby własne. 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. Dzięki temu aplikacja otrzyma publiczny adres URL z bezpiecznie skonfigurowanym kluczem interfejsu API w środowisku po stronie serwera. Możesz też pobrać aplikację jako plik ZIP i przechowywać ją w innym miejscu. W tym celu musisz ustawić zmienną środowiskową GEMINI_API_KEY w środowisku hostingu. Wywołania interfejsu Gemini API są wykonywane z kodu po stronie serwera, więc Twój 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 potem udostępniać je tutaj?

Ta funkcja nie jest jeszcze dostępna. Cieszymy się, że w przyszłości będziemy mogli obsługiwać więcej przypadków użycia aplikacji. Jeśli masz jakieś konkretne uwagi, podziel się nimi z nami.

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

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

Pracujemy nad dodaniem w przyszłości bezpośredniej obsługi pamięci, 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 uzyska dostęp do tych interfejsów Navigator API. Twórcy aplikacji mogą dodać 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 dla requestFramePermissions stanowią podzbiór standardowych funkcji kontrolowanych przez zasady.

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

Integracja AI Studio z GitHubem umożliwia importowanie istniejącego projektu z GitHuba, aby rozpocząć tworzenie, lub eksportowanie projektu do repozytorium GitHub i zatwierdzanie najnowszych zmian.

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

Ta funkcja nie jest jeszcze obsługiwana, ale wkrótce będzie dostępna.

Dlaczego moja aplikacja została oznaczona z powodu naruszenia zasad?

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

  • aplikacje zawierające złośliwe oprogramowanie, wyłudzanie informacji lub podszywanie 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 wypowiedzi szerzących nienawiść
  • 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, a uważasz, że stało się to przez pomyłkę, możesz przesłać odwołanie. Wielokrotne 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 ponosisz odpowiedzialność za jej działanie i wszystkie dane, które przetwarza. Obejmuje to m.in.:

  • Zgodność z przepisami prawa i prawami osób trzecich: upewnij się, że Twoja aplikacja jest zgodna ze wszystkimi obowiązującymi przepisami i regulacjami oraz nie narusza praw innych osób, w tym praw własności intelektualnej i praw do prywatności.
  • Monitorowanie treści: w przypadku innych usług używanych przez aplikację mogą obowiązywać dodatkowe warunki. Na przykład Warunki korzystania z usług Google Cloud, które mają zastosowanie do Firestore, wymagają od klientów hostujących treści osób trzecich publikowania zasad określających, jakie treści są zabronione (np. nielegalne), oraz monitorowania obecności takich treści.
  • Bezpieczne wdrożenie: wdrożenie niezbędnych zabezpieczeń i narzędzi do moderowania, aby zapobiec niewłaściwemu wykorzystaniu aplikacji.

Zapoznaj się z ograniczeniami w korzystaniu w Warunkach korzystania z usługi.

W przypadku korzystania z aplikacji prezentowanych w galerii aplikacji w AI Studio obowiązują dodatkowe warunki korzystania z usługi Gemini API, o ile nie podano inaczej.

Co dalej?