1. Обзор
С чего начинается разработка с использованием ИИ сегодня? Для большинства из нас всё начинается с простого вопроса: «Могу ли я быстро создать прототип решения проблемы, о которой я думал?». Именно здесь на помощь приходит Google AI Studio. Это место, где можно быстро создать прототип чего угодно. В этой лабораторной работе мы создадим простое веб-приложение с помощью Vibe Coding и развернем его в Cloud Run.
Что вы построите
Готовы написать код веб-приложения и сделать его доступным для других? Мы создадим веб-приложение и развернем его в Cloud Run, используя только AI Studio. В рамках этой лабораторной работы вы:
- Создайте простое веб-приложение с использованием Vibe Coding
- Проверьте, работает ли приложение так, как ожидалось.
- Разверните приложение в Cloud Run
Требования
2. Прежде чем начать
- В консоли Google Cloud на странице выбора проекта выберите или создайте проект Google Cloud.
- Убедитесь, что для вашего облачного проекта включена функция выставления счетов. Узнайте, как проверить, включена ли функция выставления счетов для проекта .
- Если у вас есть ссылка на погашение кредитов, вы можете воспользоваться ею , следуя приведенным здесь инструкциям .
3. Прототип
Откройте Google AI Studio . Начните вводить текст, описывающий приложение, которое вы хотите создать. Вот мой текст:
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.
Выберите понравившуюся модель. В данном случае мы используем Gemini 3 Pro Preview . Нажмите кнопку «Сборка» .
На основе этого простого описания AI Studio создаст веб-приложение, точно соответствующее предоставленному вами описанию. Генерация приложения займёт 2–3 минуты.
Если вы обнаружите какие-либо проблемы в приложении, не стесняйтесь предлагать дополнительные подсказки, которые помогут исправить его поведение. Например, увеличьте размер снежинки вдвое.
Ниже представлен снимок созданного приложения:
4. Развертывание в облаке.
Теперь, когда приложение готово, давайте развернем его в Cloud Run.
- Нажмите на кнопку в виде ракеты в правом верхнем углу страницы AI Studio. При наведении курсора на кнопку отображается надпись «Развернуть приложение».
- Откроется всплывающее окно **Развернуть приложение в Google Cloud».
- Нажмите раскрывающийся список «Выбрать облачный проект» .
- Выберите проект из раскрывающегося списка. Если вы не можете найти свой проект в раскрывающемся списке, нажмите «Импорт проекта» и выберите проект на панели «Импорт проекта» .
- После выбора проекта будет выполнена проверка на наличие платёжного аккаунта. Эта проверка будет пройдена, поскольку мы прикрепили платёжный аккаунт к проекту на начальном этапе.
- Нажмите кнопку «Развернуть приложение» и дождитесь развертывания приложения в Cloud Run.
Обратите внимание, что имя службы Cloud Run будет сгенерировано автоматически.
- Развертывание должно завершиться через пару минут, и вы получите URL-адрес приложения . Щелкнув по URL-адресу, вы увидите развернутое веб-приложение.
5. Уборка
Чтобы избежать списания средств с вашего аккаунта Google Cloud за ресурсы, использованные в этой публикации, выполните следующие действия:
- В консоли Google Cloud перейдите на страницу Управление ресурсами .
- В списке проектов выберите проект, который вы хотите удалить, а затем нажмите Удалить .
- В диалоговом окне введите идентификатор проекта, а затем нажмите кнопку «Завершить» , чтобы удалить проект.
6. Поздравления
Поздравляем! Вы успешно завершили виброкодирование приложения в AI Studio и развернули его в Cloud Run!
AI Studio — идеальная и удобная платформа для разработки и тестирования приложений, позволяющая пользователям сразу же визуализировать свои проекты в действии.
Благодаря бесшовной интеграции AI Studio с Cloud Run пользователи могут легко развертывать свои приложения непосредственно в Google Cloud. Использование Cloud Run обеспечивает все преимущества бессерверной среды, избавляя от сложностей и накладных расходов на управление инфраструктурой.