Развертывание из AI Studio в Cloud Run

1. Обзор

С чего сегодня начинается разработка с использованием ИИ? Для большинства из нас это часто начинается с простого вопроса: «Могу ли я быстро создать прототип решения проблемы, над которой я размышляю?». Именно здесь на помощь приходит Google AI Studio. Это место, где вы можете быстро создать прототип чего угодно. В этом практическом занятии мы создадим простое веб-приложение с помощью Vibe Coding и развернем его на Cloud Run.

Что вы построите

Готовы создать веб-приложение с помощью Vibe Code и предоставить его для тестирования другим пользователям??? Мы создадим веб-приложение и развернем его в Cloud Run, используя только AI Studio. В рамках этой лабораторной работы вы:

1. Создайте простое веб-приложение с помощью Vibe Code.
2. Проверил приложение, оно работает как положено.
3. Разверните приложение в Cloud Run.

Требования

• Браузер, например Chrome или Firefox.
• Проект Google Cloud с включенной функцией выставления счетов.

2. Прежде чем начать

1. В консоли Google Cloud на странице выбора проекта выберите или создайте проект Google Cloud.
2. Убедитесь, что для вашего облачного проекта включена функция выставления счетов. Узнайте, как проверить, включена ли функция выставления счетов для проекта .
3. Если у вас есть ссылка для обмена бонусных баллов, вы можете следовать инструкциям здесь , чтобы активировать их.

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

Теперь, когда приложение готово, давайте развернем его в Cloud Run.

1. Нажмите на кнопку в виде ракеты в правом верхнем углу страницы AI Studio. При наведении курсора на кнопку отобразится надпись «Развернуть приложение».
2. Откроется всплывающее окно "**Развернуть приложение в Google Cloud**".

3. Нажмите на выпадающее меню «Выберите облачный проект» .
4. Выберите проект из выпадающего списка. Если вы не можете найти свой проект в выпадающем списке, нажмите «Импорт проекта» и выберите проект на панели «Импорт проекта» .
5. После выбора проекта выполняется проверка на наличие включенной функции выставления счетов. Эта проверка пройдёт успешно, поскольку мы уже привязали платёжный аккаунт к проекту на начальных этапах.
6. Нажмите кнопку «Развернуть приложение» и дождитесь завершения развертывания приложения в Cloud Run.

Обратите внимание, что имя службы Cloud Run будет сгенерировано автоматически.

7. Развертывание должно завершиться через пару минут, и вы получите URL-адрес приложения . Щелкнув по URL-адресу, вы увидите развернутое веб-приложение.

5. Уборка

Чтобы избежать списания средств с вашего аккаунта Google Cloud за ресурсы, использованные в этой статье, выполните следующие действия:

1. В консоли Google Cloud перейдите на страницу «Управление ресурсами» .
2. В списке проектов выберите проект, который хотите удалить, и нажмите кнопку «Удалить» .
3. В диалоговом окне введите идентификатор проекта, а затем нажмите «Завершить» , чтобы удалить проект.

6. Поздравляем!

Поздравляем! Вы успешно завершили разработку приложения с помощью vibe-code в AI Studio и развернули его в Cloud Run!!

AI Studio — это идеальная платформа для разработки и тестирования приложений, позволяющая пользователям мгновенно визуализировать свои разработки в действии.

Бесшовная интеграция AI Studio с Cloud Run позволяет пользователям без труда развертывать свои приложения непосредственно в Google Cloud. Использование Cloud Run предоставляет все преимущества бессерверной среды, абстрагируясь от сложностей и накладных расходов, связанных с управлением инфраструктурой.