Tworzenie aplikacji pełnostosowych w Google AI Studio

Google AI Studio obsługuje teraz tworzenie aplikacji pełnostosowych, co umożliwia tworzenie aplikacji, które wykraczają poza prototypy po stronie klienta. Dzięki środowisku wykonawczemu po stronie serwera możesz zarządzać obiektami tajnymi, łączyć się z zewnętrznymi interfejsami API i tworzyć aplikacje wieloosobowe działające w czasie rzeczywistym.

Środowisko wykonawcze po stronie serwera

Aplikacje Google AI Studio mogą teraz zawierać komponent po stronie serwera (Node.js). Ma to następujące zalety:

  • Wykonywanie logiki po stronie serwera: uruchamianie kodu, który nie powinien być widoczny dla klienta.
  • Dostęp do pakietów npm: Antigravity Agent może instalować i używać pakietów z rozległego ekosystemu npm.
  • Obsługa obiektów tajnych: bezpieczne używanie kluczy interfejsu API i danych logowania.

Korzystanie z pakietów npm

Nie musisz ręcznie uruchamiać polecenia npm install. Po prostu poproś Agenta o dodanie funkcji, która wymaga pakietu, a on zajmie się instalacją i importem.

Przykład: > "Użyj axios, aby pobrać dane z zewnętrznego interfejsu API."

Bezpieczne zarządzanie obiektami tajnymi

Dzięki kodowi po stronie serwera i zarządzaniu obiektami tajnymi możesz teraz tworzyć aplikacje, które wchodzą w interakcje ze światem.

  • Interfejsy API innych firm: łącz się z usługami takimi jak Stripe, SendGrid czy niestandardowe interfejsy API REST.
  • Bazy danych: łącz się z zewnętrznymi bazami danych (np. za pomocą Supabase, Firebase, lub MongoDB Atlas), aby przechowywać dane poza sesją.

Podczas tworzenia aplikacji w rzeczywistych warunkach często trzeba łączyć się z usługami innych firm (takimi jak Twilio, Slack czy bazy danych), które wymagają kluczy interfejsu API. Klucze możesz dodać ręcznie, wykonując te czynności:

  1. Dodaj obiekt tajny: w Google AI Studio otwórz menu Ustawienia i znajdź sekcję Obiekty tajne.
  2. Przechowuj klucz: dodaj tutaj klucze interfejsu API lub tajne tokeny.
  3. Dostęp w kodzie: Agent może napisać kod po stronie serwera, który bezpiecznie uzyskuje dostęp do tych obiektów tajnych (zwykle za pomocą zmiennych środowiskowych), dzięki czemu nigdy nie są one udostępniane przeglądarce po stronie klienta.

W razie potrzeby Agent wyświetli też w czacie kartę z prośbą o dodanie kluczy, gdy będzie potrzebny nowy obiekt tajny lub gdy w zmiennych środowiskowych projektu zostanie wykryty nowy klucz.

Integracja z Firebase na potrzeby bazy danych i uwierzytelniania

Google AI Studio ułatwia teraz dodawanie bazy danych lub uwierzytelniania do Twojej aplikacji dzięki integracji z Firebase. Antigravity Agent może automatycznie udostępniać i konfigurować te usługi:

  • Baza danych Firestore: elastyczna i skalowalna baza danych NoSQL w chmurze, która służy do przechowywania i synchronizowania danych na potrzeby programowania po stronie klienta i serwera.
  • Uwierzytelnianie Firebase: umożliwia użytkownikom bezpieczne logowanie się w aplikacji za pomocą przepływów „Zaloguj się przez Google”.

Po prostu poproś Agenta o „dodanie bazy danych do mojej aplikacji” lub „skonfigurowanie logowania przez Google”, a on zajmie się niezbędną konfiguracją i wygenerowaniem kodu.

Firebase umożliwia bezpłatne rozpoczęcie pracy i opcjonalne skalowanie za pomocą konta płatnego, gdy będziesz potrzebować większego limitu lub płatnych funkcji.

Skonfiguruj OAuth

Jednym z kluczowych przypadków użycia zarządzania obiektami tajnymi jest skonfigurowanie OAuth w celu połączenia się z innymi witrynami lub aplikacjami. Jeśli prompt zawiera instrukcje dotyczące łączenia się z aplikacją innej firmy, która wymaga uwierzytelniania OAuth, Agent wyświetli instrukcje dotyczące konfigurowania OAuth w tej aplikacji. Te instrukcje będą zawierać niezbędne adresy URL wywołania zwrotnego do skonfigurowania aplikacji OAuth. Adresy URL wywołania zwrotnego znajdziesz też w panelu Ustawienia w sekcji Integracje.

Tworzenie aplikacji wieloosobowych

Środowisko wykonawcze pełnego stosu umożliwia korzystanie z funkcji współpracy w czasie rzeczywistym.

  • Stan w czasie rzeczywistym: możesz poprosić Agenta o utworzenie funkcji takich jak "czat na żywo ," "tablica do współpracy" lub "gra wieloosobowa."
  • Zsynchronizowane sesje: serwer zarządza stanem, co umożliwia wielu użytkownikom interakcję z tą samą instancją aplikacji w czasie rzeczywistym.

Przykładowy prompt: > "Zrób z tego grę wieloosobową, w której gracze mogą widzieć kursory innych graczy."

Wskazówki dotyczące testowania aplikacji wieloosobowych

Przed wdrożeniem aplikacji możesz przetestować tryb wieloosobowy na 2 sposoby.

  1. Otwórz aplikację w Google AI Studio w trybie tworzenia na kilku kartach. Podczas tworzenia w trybie tworzenia aplikacja znajduje się w kontenerze deweloperskim. Otwarcie aplikacji na kilku kartach pozwoli Ci symulować korzystanie z niej przez wielu graczy.
  2. Udostępnij aplikację innym osobom, korzystając z menu Udostępnij w prawym górnym rogu. Następnie użyj udostępnionego adresu URL na karcie Integracje w menu Udostępnij, aby korzystać z aplikacji z graczami, którym ją udostępniasz.

Sprawdzone metody

  • Bezpieczeństwo obiektów tajnych: w przypadku kluczy poufnych zawsze używaj Menedżera obiektów tajnych. Nigdy nie koduj ich na stałe w plikach.
  • Rozdzielenie odpowiedzialności: logikę interfejsu użytkownika umieść w frameworku po stronie klienta (React/Angular), a logikę biznesową i obsługę danych – po stronie serwera.
  • Obsługa błędów: upewnij się, że kod po stronie serwera prawidłowo obsługuje błędy z wywołań zewnętrznych interfejsów API, aby zapobiec awariom aplikacji.

Co dalej?