Создавайте приложения в Google AI Studio.

На этой странице описано, как использовать Google AI Studio для быстрой разработки (или «написания кода на Vibe») и развертывания приложений, тестирующих новейшие возможности Gemini, такие как Nano Banana и Live API . Google AI Studio теперь поддерживает полнофункциональные среды выполнения , позволяя создавать надежные приложения с серверной логикой, безопасным управлением секретами и поддержкой пакетов npm, используя подсказки на естественном языке.

Начните

Начните разработку в режиме сборки Google AI Studio. Начать можно несколькими способами:

  • Начните с запроса : в режиме «Создание» используйте поле ввода, чтобы ввести описание того, что вы хотите создать. Выберите «AI Chips», чтобы добавить в запрос определенные функции, такие как генерация изображений или данные Google Maps. Вы даже можете произнести желаемый текст, используя кнопку преобразования речи в текст.
  • Кнопка «Мне повезло» : Если вам нужна творческая искра, воспользуйтесь кнопкой «Мне повезло», и Gemini сгенерирует подсказку с идеей проекта, чтобы помочь вам начать.
  • Создайте ремикс проекта из Галереи : откройте проект из Галереи приложений и выберите «Копировать приложение» .

После запуска командной строки вы увидите, как генерируются необходимый код и файлы, а справа появится предварительный просмотр вашего приложения.

Что создаётся?

При запуске командной строки AI Studio создает полноценное приложение. По умолчанию оно создает среду разработки полного стека, которая может включать в себя:

  • Клиентская часть : веб-интерфейс (по умолчанию используется React).
  • Серверная часть : среда выполнения Node.js, обеспечивающая безопасные вызовы API, подключение к базам данных и использование пакетов npm.

Вы можете просмотреть сгенерированный код, выбрав вкладку «Код» в правой панели предварительного просмотра. Агент Antigravity интеллектуально управляет множеством файлов в вашем стеке, обеспечивая корректное распространение изменений.

Антигравитационный агент

Агент Antigravity — это основная функция искусственного интеллекта в Google Antigravity , и теперь ключевые компоненты этого агента обеспечивают работу режима сборки в Google AI Studio. Он выходит за рамки простой генерации кода, поддерживая контекст всего проекта, управляя множеством файлов и понимая сложные инструкции для создания надежных полнофункциональных приложений.

Ключевые возможности включают в себя:

  • Учет контекста : Поддерживает контекст предыдущих запросов и состояний файлов.
  • Управление несколькими файлами : обрабатывает зависимости между несколькими файлами.
  • Проверенное выполнение : Проверяет обновления кода для уменьшения галлюцинаций.

Полнофункциональные возможности

Google AI Studio раскрывает потенциал современной веб-экосистемы, позволяя создавать не только клиентские прототипы.

  • Среда выполнения на стороне сервера и npm : используйте обширную библиотеку пакетов npm. Агент автоматически определит и установит необходимые для вашего приложения пакеты (например, определенные библиотеки для визуализации данных или API-клиентов). При желании вы также можете запросить установку конкретных пакетов.
  • Управление секретами : Надежно храните ключи и секреты API в меню «Настройки» . Они доступны в вашем серверном коде, что защищает их от утечки на стороне клиента.
  • Многопользовательский режим : создавайте совместные приложения в реальном времени непосредственно в AI Studio. Серверная среда выполнения управляет состоянием и соединениями, необходимыми для взаимодействия пользователей.

Узнайте больше о разработке полнофункциональных приложений.

Продолжайте строительство

После того как Google AI Studio сгенерирует исходный код для вашего приложения, вы можете продолжить его доработку:

Создано в Google AI Studio

  • Взаимодействие с Gemini : Используйте панель чата в режиме сборки , чтобы попросить Gemini внести изменения, добавить новые функции или изменить стиль.
  • Редактируйте код напрямую : откройте вкладку «Код» на панели предварительного просмотра, чтобы вносить изменения в режиме реального времени.

Разрабатывать на внешнем уровне

Для более сложных рабочих процессов вы можете экспортировать код и работать в предпочитаемой вами среде:

  • Скачайте и разрабатывайте локально : экспортируйте сгенерированный код в ZIP-архив и импортируйте его в свой редактор кода.
  • Отправка в GitHub : Интегрируйте код в существующие процессы разработки и развертывания, отправив его в репозиторий GitHub .

Основные характеристики

Google AI Studio включает в себя несколько функций, которые делают процесс создания интуитивно понятным и наглядным:

  • Создавайте и дорабатывайте полнофункциональные приложения : создавайте полнофункциональные приложения, используя всего лишь подсказку, и дорабатывайте их в режиме чата или аннотирования . Режим аннотирования позволяет выделить любую часть пользовательского интерфейса вашего приложения и описать желаемые изменения.
  • Делитесь своим приложением и развертывайте его : вы можете делиться своими творениями с другими для совместной работы или демонстрации своих достижений. Затем, когда ваше приложение будет готово, разверните его в Cloud Run.
  • Галерея приложений : Галерея приложений предоставляет визуальную библиотеку идей проектов. Вы можете просмотреть возможности Gemini, мгновенно просмотреть приложения и изменить их, чтобы сделать их уникальными.

Создавайте и совершенствуйте полнофункциональные приложения: краткое описание поддержки во время выполнения, итерация в режиме аннотирования. Делитесь и развертывайте — делитесь своим приложением в AI Studio или развертывайте его в облаке. Изучите галерею приложений.

Разверните или заархивируйте ваше приложение

Как только ваше приложение будет готово, вы можете его развернуть:

  • Google Cloud Run : Разверните свое приложение как масштабируемый сервис. Стоимость использования Google Cloud Run может зависеть от объема работы.
  • GitHub : Экспортируйте свой проект в репозиторий GitHub.

Ограничения

В этом разделе перечислены текущие ограничения режима сборки в Google AI Studio.

Безопасность с помощью ключей API

  • На стороне клиента : Никогда не используйте реальные ключи API напрямую в коде на стороне клиента.
  • На стороне сервера : используйте функцию управления секретами для безопасной обработки конфиденциальных ключей в среде выполнения на стороне сервера.

Развертывание за пределами Google AI Studio

  • Хотя вы можете развернуть свое приложение в Cloud Run по общедоступному URL-адресу, в этой конфигурации для всех вызовов API Gemini пользователям будет использоваться ваш ключ API.
    • Приложения на JavaScript запускаются на стороне клиента, поэтому убедитесь, что ключи API имеют только минимальный доступ, чтобы предотвратить утечку данных или их неправомерное использование. Например, другие хранилища файлов из того же проекта могут быть доступны пользователям через этот механизм.
  • Безопасное внешнее развертывание: Для безопасного запуска приложения вне AI Studio (например, после загрузки ZIP-файла) необходимо перенести логику, использующую ключ API, в серверный компонент, чтобы предотвратить раскрытие ключа конечным пользователям. Это не требуется при развертывании с помощью Cloud Run.
  • Предупреждение о раскрытии ключа: Настоятельно не рекомендуется просто заменять заполнитель реальным ключом API в клиентской среде, поскольку ключ станет виден любому пользователю.

Ошибка при совместном использовании приложений.

Если вы предоставляете доступ к своему приложению, и конечный пользователь сталкивается с ошибкой 403 «Доступ ограничен» при использовании предоставленной ссылки, это может быть вызвано одной из следующих причин:

  • Расширения браузера : Расширения для обеспечения конфиденциальности, такие как Privacy Badger, могут блокировать приложение. Отключите расширение, чтобы избежать ошибки.
  • Проблемы со сборкой : Возможно, в текущем коде есть проблемы. Предложите агенту "исправить все проблемы со сборкой в ​​текущем коде", а затем повторно отправьте URL-адрес.

Что дальше?