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

1. Обзор

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

Предварительные требования

• Базовое понимание веб-приложений.

Что вы узнаете

В этом практическом занятии вы научитесь:

1. Создайте простое веб-приложение в Google AI Studio, используя Vibe Code.
2. Проверьте, работает ли приложение должным образом.
3. Разверните приложение в Cloud Run.

Требования

• Веб-браузер, например Chrome или Firefox .

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

1. Если у вас еще нет учетной записи Google, вам необходимо ее создать .
   • Используйте личный аккаунт вместо рабочего или учебного. Рабочие и учебные аккаунты могут иметь ограничения, которые не позволят вам включить API, необходимые для этой лабораторной работы.
2. Перейдите в Google AI Studio и ознакомьтесь с условиями использования.
3. Обратите внимание, что, поскольку вы используете тарифный план Google Cloud Starter Tier , вы можете бесплатно развернуть до двух полнофункциональных приложений .

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.

На основе этого описания AI Studio создаёт веб-приложение. Процесс генерации занимает 2-3 минуты , и в ходе него вам может быть предложено выбрать параметры дизайна:

Если у вас возникнут проблемы с приложением, вы можете ввести дополнительные подсказки для настройки его работы (например, Increase the size of the snowflakes to twice their current size ).

На следующем изображении показан снимок сгенерированного приложения:

4. Развертывание в Cloud Run

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

1. В правом верхнем углу страницы нажмите кнопку «Опубликовать» .

2. Это откроет диалоговое окно «Развернуть приложение в Google Cloud» .

Обратите внимание, что каждый аккаунт Google Cloud Starter Tier получает два развертывания бесплатно.

3. Нажмите на раскрывающийся список «Выберите облачный проект» , чтобы выбрать свой проект, или продолжите с проектом Gemini по умолчанию .
4. Выберите проект из выпадающего списка. Если вы не можете найти свой проект, нажмите «Импорт проекта» , а затем выберите проект на панели «Импорт проекта» .
5. Если появится запрос, выберите «Индивидуальный предприниматель» в качестве типа организации и введите свой почтовый адрес:

6. Нажмите «Опубликовать приложение» и дождитесь его развертывания в Cloud Run. Обратите внимание, что AI Studio автоматически генерирует имя службы Cloud Run.

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

5. Уборка

Чтобы избежать списания средств с вашего аккаунта Google Cloud за ресурсы, использованные в этом практическом задании, нажмите «Отменить публикацию приложения» :

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

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

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

Следующие шаги

Поздравляем с завершением этой лабораторной работы! Теперь, когда ваша платформа для разработки приложений готова, ознакомьтесь с этими официальными руководствами, чтобы расширить возможности вашего проекта:

Рекомендуемая документация и руководства

• Стратегии разработки подсказок : Изучите основные принципы структурирования подсказок, использования системных инструкций, реализации примеров с небольшим количеством заданий и управления форматом вывода.
• Вызов функций с помощью API Gemini : Подключите ваше развертывание к внешним инструментам и API, что позволит модели Gemini выводить структурированные данные и запускать логику реальных приложений.
• Генерация речи из текста : узнайте, как генерировать аудиозаписи с помощью API Gemini, управлять стилями речи и тестировать голоса с помощью библиотеки Voice Library в Google AI Studio.