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

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

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

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

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

Используйте пакеты npm.

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

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

Обеспечьте безопасное управление секретами.

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

Ключ API Gemini

При создании нового приложения, использующего API Gemini, AI Studio автоматически настраивает ваш GEMINI_API_KEY как секретный ключ на стороне сервера — ручная настройка не требуется. Вы можете просмотреть этот ключ на панели «Секреты» в настройках. Вызовы API Gemini в вашем приложении выполняются из серверного кода с использованием этого ключа, поэтому он никогда не отображается в браузере.

Ключи API сторонних разработчиков

Для других сервисов вы можете добавить ключи API вручную:

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

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

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

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

Интеграция Firebase для работы с базой данных и аутентификации.

Теперь Google AI Studio упрощает добавление базы данных или аутентификации в ваше приложение благодаря интеграции с Firebase . Antigravity Agent может автоматически инициализировать и настроить следующие сервисы:

• База данных Firestore : гибкая, масштабируемая облачная база данных NoSQL для хранения и синхронизации данных в процессе разработки клиентской и серверной частей.
• Аутентификация Firebase : обеспечьте безопасный вход пользователей в ваше приложение с помощью функции «Вход через Google».

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

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

API Google Workspace

Google AI Studio позволяет создавать приложения, которые подключаются к API Google Workspace, чтобы ваши пользователи могли работать со своими реальными данными: электронными письмами, электронными таблицами, документами, событиями календаря и многим другим — всё это в рамках вашего приложения. Вам больше не нужно создавать проект Google Cloud, настраивать OAuth или управлять API вручную.

Как это работает

Добавить интеграцию с рабочим пространством можно двумя способами:

• Опишите свою задачу в чате : просто напишите оператору внизу чата, что именно вы хотите. Например: «Создать трекер расходов, который будет записывать чеки в мою таблицу Google Sheets» или «Создать панель мониторинга, которая будет суммировать мои непрочитанные сообщения Gmail».
• Выберите на панели интеграций : Откройте панель интеграций в правой боковой панели режима сборки и включите приложение рабочей области, которое хотите подключить.

При добавлении приложения Workspace, AI Studio автоматически выполняет следующие действия:

1. Подключает необходимый API Google для вашего приложения.
2. Генерирует серверный код для вызова API.
3. Добавляет защищенный процесс входа через Google, позволяющий конечным пользователям вашего приложения авторизовать доступ к своим собственным данным.

Поддерживаемые приложения

Доступны следующие приложения Google Workspace:

Аутентификация и права доступа

Разработчику не нужно настраивать клиенты OAuth, управлять учетными данными или создавать проект в Google Cloud. AI Studio сделает все это за вас.

Приложения со встроенными API Workspace используют функцию «Вход через Google» для аутентификации конечных пользователей. Когда пользователь открывает ваше приложение, ему предлагается войти в систему и предоставить необходимые приложению разрешения (например, доступ только для чтения к своему календарю или возможность редактирования электронной таблицы). Ваше приложение получает доступ только к данным пользователя. Каждый пользователь авторизует доступ к своей учетной записи.

Примеры подсказок

Вот несколько идей для начала работы с интеграцией Workspace:

• «Разработать приложение, которое будет считывать мой календарь Google и создавать в Gmail подготовительные письма к каждой встрече».
• «Создать инструмент, который берет документ Google Docs и генерирует 5-слайдовую презентацию-резюме в Google Slides».
• «Создайте систему отслеживания расходов, куда я загружаю чек, Gemini извлекает данные и добавляет новую строку в мою таблицу Google Sheets».

Настройка OAuth

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

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

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

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

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

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

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

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

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

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

Что дальше?

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