1. Przegląd
Od czego zacząć tworzenie z wykorzystaniem AI? Większość z nas zaczyna od prostego pytania: „Czy mogę szybko stworzyć prototyp rozwiązania problemu, nad którym się zastanawiam?”. Właśnie w tym pomaga Google AI Studio. To miejsce, w którym możesz szybko tworzyć prototypy dowolnych rozwiązań. W tym module stworzymy prostą aplikację internetową za pomocą kodowania wibracyjnego i wdrożymy ją w Cloud Run.
Co utworzysz
Chcesz stworzyć aplikację internetową z podejściem vibe coding i udostępnić ją innym? Utworzymy aplikację internetową i wdrożymy ją w Cloud Run, korzystając tylko z AI Studio. W tym module wykonasz następujące zadania:
- Tworzenie prostej aplikacji internetowej z podejściem vibe coding
- Sprawdzanie, czy aplikacja działa zgodnie z oczekiwaniami
- Wdrażanie aplikacji w Cloud Run
Wymagania
2. Zanim zaczniesz
- W konsoli Google Cloud na stronie selektora projektów wybierz lub utwórz projekt Google Cloud.
- Sprawdź, czy w projekcie Cloud włączone są płatności. Dowiedz się, jak sprawdzić, czy w projekcie są włączone płatności .
- Jeśli masz link do zrealizowania środków, postępuj zgodnie z instrukcjamitutaj, aby je zrealizować.
3. Prototyp
Otwórz Google AI Studio. Zacznij wpisywać prompta opisującego aplikację, którą chcesz utworzyć. Oto mój prompt:
Create a formal looking frontend application that has two buttons: "Snowflakes" and "Balloons". If the user clicks on the "Snowflakes" button, snowflakes of medium size should start falling on the screen from top to bottom for 5 seconds. If the user clicks on the "Balloons" button, balloons of medium size should start floating from the bottom of the screen and float to the top for 5 seconds.
Wybierz odpowiedni model. Używamy tutaj Gemini 3 Pro w wersji testowej. Kliknij przycisk Kompilacja.
Na podstawie tego prostego opisu AI Studio utworzy aplikację internetową, która będzie dokładnie odpowiadać podanemu przez Ciebie opisowi. Wygenerowanie aplikacji zajmie 2–3 minuty.
Jeśli zauważysz jakieś problemy z aplikacją, możesz podać dodatkowe prompty, które skorygują jej działanie. Możesz na przykład powiększyć płatek śniegu dwukrotnie.
Poniżej znajdziesz zrzut wygenerowanej aplikacji:
4. Wdrożenie w Cloud Run
Aplikacja jest gotowa, więc możemy ją wdrożyć w Cloud Run.
- W prawym górnym rogu strony AI Studio kliknij przycisk przypominający rakietę. Po najechaniu na przycisk wskaźnikiem wyświetla się tekst „Wdróż aplikację”.
- Otworzy się wyskakujące okienko **Wdróż aplikację w Google Cloud".
- Kliknij menu Wybierz projekt Cloud.
- Wybierz projekt z menu. Jeśli nie możesz znaleźć projektu w menu, kliknij Import project (Importuj projekt) i wybierz projekt w panelu Import project (Importuj projekt).
- Po wybraniu projektu sprawdzimy, czy ma on włączone płatności. Weryfikacja zakończy się pomyślnie, ponieważ w pierwszych krokach połączyliśmy konto rozliczeniowe z projektem.
- Kliknij przycisk Wdróż aplikację i poczekaj, aż aplikacja zostanie wdrożona w Cloud Run.
Pamiętaj, że nazwa usługi Cloud Run zostanie wygenerowana automatycznie.
- Wdrożenie powinno zakończyć się w ciągu kilku minut. Otrzymasz adres URL aplikacji. Kliknięcie adresu URL spowoduje wyświetlenie wdrożonej aplikacji internetowej.
5. Czyszczenie danych
Aby uniknąć obciążenia konta Google Cloud opłatami za zasoby użyte w tym poście, wykonaj te czynności:
- W konsoli Google Cloud otwórz stronę Zarządzanie zasobami.
- Z listy projektów wybierz projekt do usunięcia, a potem kliknij Usuń.
- W oknie wpisz identyfikator projektu i kliknij Wyłącz, aby usunąć projekt.
6. Gratulacje
Gratulacje! Udało Ci się zakodować aplikację w AI Studio i wdrożyć ją w Cloud Run.
AI Studio to idealna platforma do tworzenia i testowania aplikacji, która umożliwia użytkownikom natychmiastowe wizualizowanie swoich projektów w działaniu.
Bezproblemowa integracja AI Studio z Cloud Run umożliwia użytkownikom łatwe wdrażanie aplikacji bezpośrednio w Google Cloud. Korzystanie z Cloud Run zapewnia wszystkie zalety środowiska bezserwerowego, eliminując złożoność i koszty zarządzania infrastrukturą.