Разработка полнофункциональных приложений в Google AI Studio

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

Среда выполнения на стороне сервера

Теперь приложения Google AI Studio могут включать серверный компонент (Node.js). Это позволяет:

  • Выполнение серверной логики : запуск кода, который не должен быть доступен клиенту.
  • Доступ к пакетам npm : Antigravity Agent может устанавливать и использовать пакеты из обширной экосистемы npm.
  • Обработка секретов : безопасное использование ключей API и учетных данных.

Использование пакетов npm

Вам не нужно вручную запускать npm install . Просто попросите Агента добавить функциональность, требующую наличия пакета, и он сам выполнит установку и импорт.

Пример : > "Используйте axios для получения данных из внешнего API."

Безопасное управление секретами

Благодаря серверному коду и управлению секретами теперь можно создавать приложения, взаимодействующие с окружающим миром.

  • API сторонних сервисов : Подключайтесь к таким сервисам, как Stripe, SendGrid или используйте собственные REST API.
  • Базы данных : Подключайтесь к внешним базам данных (например, через Supabase, Firebase или MongoDB Atlas) для сохранения данных после завершения сессии.

При разработке реальных приложений часто возникает необходимость подключения к сторонним сервисам (таким как Twilio, Slack или базы данных), для работы которых требуются ключи API. Вы можете добавить ключи вручную, выполнив следующие шаги:

  1. Добавить секрет : перейдите в меню «Настройки» в Google AI Studio и найдите раздел «Секреты».
  2. Сохраните свой ключ : добавьте сюда свои API-ключи или секретные токены.
  3. Доступ через код : Агент может писать серверный код, который обеспечивает безопасный доступ к этим секретам (обычно через переменные окружения), гарантируя, что они никогда не будут доступны браузеру на стороне клиента.

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

Настройка OAuth

Один из ключевых вариантов использования управления секретами — настройка OAuth для подключения к другим веб-сайтам или приложениям. Когда в вашем запросе содержатся инструкции по подключению к стороннему приложению, требующему аутентификации OAuth, агент предоставит инструкции по настройке OAuth для этого приложения. Эти инструкции будут включать необходимые URL-адреса обратного вызова для настройки вашего приложения OAuth. Вы также можете найти URL-адреса обратного вызова в разделе «Интеграции» на панели настроек.

Создание многопользовательских игр

Полноценная среда выполнения обеспечивает возможности для совместной работы в режиме реального времени.

  • Состояние в реальном времени : Вы можете попросить агента создать такие функции, как «чат в реальном времени», «интерактивная доска» или «многопользовательская игра».
  • Синхронизированные сессии : Сервер управляет состоянием, позволяя нескольким пользователям взаимодействовать с одним и тем же экземпляром приложения в режиме реального времени.

Пример подсказки : > "Сделайте эту игру многопользовательской, в которой игроки смогут видеть курсоры друг друга."

Советы по тестированию многопользовательских приложений

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

  1. Откройте приложение в режиме сборки Google AI Studio в нескольких вкладках. При разработке в режиме сборки ваше приложение находится в контейнере для разработки. Открытие приложения в нескольких вкладках позволит вам имитировать игру нескольких игроков.
  2. Поделитесь приложением с другими пользователями, используя меню «Поделиться» в правом верхнем углу. Затем используйте общий URL-адрес на вкладке «Интеграции» в меню «Поделиться» , чтобы использовать приложение с игроками, с которыми вы поделились своим приложением.

Передовые методы

  • Безопасность секретов : Всегда используйте менеджер секретов для работы с конфиденциальными ключами. Никогда не прописывайте их жестко в файлах.
  • Разделение ответственности : разместите логику пользовательского интерфейса на стороне клиента (React/Angular), а бизнес-логику/обработку данных — на стороне сервера.
  • Обработка ошибок : Убедитесь, что ваш серверный код надежно обрабатывает ошибки, поступающие от внешних API-запросов, чтобы предотвратить сбои в работе приложения.

Что дальше?