Создавайте приложения в 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. Серверная среда выполнения управляет состоянием и соединениями, необходимыми для взаимодействия пользователей.
  • Интеграция с Firebase : автоматическое развертывание и настройка Firebase, включая базу данных Firestore (постоянное хранение данных) и аутентификацию Firebase (процессы входа в систему, в частности, «Вход через Google»). Агент обрабатывает весь процесс настройки и даже пишет код для этих сервисов в вашем приложении.

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

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

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

Создано в Google AI Studio

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

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

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

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

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

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

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

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

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

  • 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-адрес.

Часто задаваемые вопросы

Что такое Build in AI Studio?

AI Studio Build — это платформа, разработанная для того, чтобы с помощью Gemini превратить простой запрос в готовое к использованию приложение на основе ИИ. Опишите, что вы хотите создать, с помощью запроса, и Gemini сгенерирует для вас приложение. Вы также можете изучить нашу галерею, чтобы увидеть, что возможно с помощью API Gemini, и модифицировать приложения, чтобы сделать их уникальными.

Почему Build вызывает API Gemini из клиентского кода?

Обычно рекомендуется вызывать API Gemini с серверной стороны, чтобы не раскрывать свой API-ключ. Однако в AI Studio есть прокси-сервер для API Gemini для клиентских вызовов, который подключает API-ключ, не раскрывая его в коде. На данный момент мы генерируем вызовы на стороне клиента, чтобы использовать этот прокси, поскольку это упрощает код и позволяет делиться своим приложением с другими без необходимости предоставления API-ключа.

Раскрывается ли мой API-ключ при совместном использовании приложений?

Не используйте настоящий API-ключ в своем приложении. Вместо него используйте значение-заполнитель. process.env.GEMINI_API_KEY устанавливается в значение-заполнитель, которое вы можете использовать. Когда другой пользователь использует ваше приложение, AI Studio перенаправляет вызовы к API Gemini, заменяя значение-заполнитель API-ключом пользователя (а не вашим). Не используйте настоящий API-ключ в своем приложении, так как код будет виден любому, кто может просмотреть ваше приложение.

Кто может видеть мои приложения?

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

Можно ли запускать приложения вне AI Studio?

Вы можете развернуть свое приложение в Cloud Run из AI Studio, что предоставит вашему приложению публичный URL-адрес. Оно развертывается вместе с прокси-сервером, который будет хранить ваш API-ключ в секрете, однако развернутое приложение будет использовать ваш API-ключ для всех вызовов API Gemini для пользователей. Вы также можете загрузить свое приложение в виде ZIP-файла. Если вы замените значение-заполнитель реальным API-ключом, оно все равно должно работать. Но вам не следует развертывать приложение таким образом, поскольку любой пользователь сможет увидеть API-ключ. Для безопасной работы приложения вне AI Studio необходимо перенести часть логики на серверную сторону , чтобы API-ключ больше не был доступен извне.

Могу ли я разрабатывать приложения локально с помощью собственных инструментов, а затем делиться ими здесь?

Эта функция пока недоступна. Мы с нетерпением ждём возможности расширить функционал приложений в будущем. Пожалуйста, оставьте свой отзыв, если у вас есть какие-либо конкретные пожелания.

Как я могу использовать базу данных или другое хранилище данных со своими приложениями?

Приложения AI Studio — это стандартные приложения, работающие в контейнере Cloud Run. Вы можете использовать любое решение для хранения данных, к которому можно подключиться по сети, при условии, что брандмауэр не блокирует доступ из динамического диапазона IP-адресов.

В будущем мы работаем над добавлением прямой поддержки хранилища, которое вы сможете настраивать непосредственно в AI Studio.

Чтобы пользователи были в курсе использования приложением их веб-камеры или других устройств, нам требуется дополнительное подтверждение, прежде чем приложение сможет получить доступ к этим API Navigator . Создатели приложений могут добавить эти запросы на разрешение в файл metadata.json своего приложения. Например:

{
  "name": "My app",
  "requestFramePermissions": [
    "microphone",
    "camera",
    "display-capture",
    "geolocation",
    "bluetooth",
    "clipboard-read",
    "serial",
    "usb"
  ]
}

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

Как я могу использовать GitHub для своих приложений?

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

Могу ли я предоставить другим пользователям доступ на редактирование моего приложения?

Эта функция пока не поддерживается, но скоро появится.

Почему мое приложение было помечено как нарушающее правила?

У нас есть системы, которые автоматически проверяют приложения на соответствие нашим правилам. Если мы обнаружим, что приложение нарушает наши правила, оно будет удалено из AI Studio. Нарушения правил могут включать, помимо прочего, следующее:

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

Если ваше приложение было отмечено как нарушающее правила, и вы считаете, что это ошибочно, вы можете подать апелляцию. Повторные нарушения наших правил могут привести к прекращению вашего доступа к AI Studio.

В какие обязанности я вхожу как разработчик приложений?

Напоминаем, что как владелец приложения вы несете ответственность за его работу и все обрабатываемые им данные. Это включает в себя:

  • Соблюдение законодательства и права третьих лиц: обеспечение соответствия вашего приложения всем применимым законам и нормативным актам и недопущение нарушения прав других лиц, включая права на интеллектуальную собственность и неприкосновенность частной жизни.
  • Мониторинг контента: К другим сервисам, используемым вашим приложением, могут применяться дополнительные условия. Например, Условия использования Google Cloud , применимые к Firestore, требуют от клиентов, размещающих сторонний контент, публиковать политики, определяющие, какой контент запрещен (например, незаконный контент), и отслеживать наличие такого незаконного контента.
  • Безопасное внедрение: Внедрение необходимых мер защиты и инструментов модерации для предотвращения неправомерного использования вашего приложения.

Обратите внимание на ограничения использования, указанные в Условиях предоставления услуг.

Дополнительные условия использования API Gemini применяются к использованию приложений, представленных в галерее приложений в AI Studio, если не указано иное.

Что дальше?