Оптимизируйте настройку Firebase для веб-приложений, используя инструменты разработки на основе ИИ, такие как Antigravity , Claude Code, Codex и Cursor. Используя навыки агентов Firebase в сочетании с Firebase CLI и сервером Firebase MCP , вы можете превратить своего агента-программиста на основе ИИ в специализированного эксперта Firebase, способного писать код, настраивать Firebase Security Rules и управлять ресурсами в режиме реального времени.
В этом руководстве рассматривается использование агента ИИ для настройки Cloud Firestore , Authentication и Firebase Hosting для веб-приложения . Следите за обновлениями, скоро появится информация о приложениях для iOS, Android и Flutter!
Зачем использовать навыки и инструменты агента Firebase?
Модели искусственного интеллекта общего назначения часто испытывают трудности с конкретными конфигурациями проектов или устаревшей информацией. Этот набор инструментов призван устранить этот пробел:
- Навыки агента Firebase : Навыки предоставляют агенту-программисту экспертные знания в предметной области . Они обеспечивают актуальную документацию и оптимальные рабочие процессы, чтобы агент знал правильный, рекомендованный Firebase способ структурирования вашей архитектуры.
- Сервер Firebase MCP : Сервер MCP предоставляет агенту кодирования контекст и доступ . Он устанавливает стандартный протокол для программного анализа активных ресурсов проекта, локальных файлов и конфигураций агента.
- Firebase CLI : Интерфейс командной строки предоставляет агенту, управляющему кодом, широкие возможности для выполнения различных задач. Это инструмент, который агент использует для выполнения ресурсоемких задач, таких как инициализация баз данных, управление конфигурациями аутентификации пользователей и развертывание кода от вашего имени.
Использование навыков агента Firebase вместе с Firebase CLI и сервером Firebase MCP расширяет возможности вашего агента ИИ-программирования:
- Действуйте : не просто пишите код. Ваш агент может инициализировать сервисы, управлять пользователями Authentication , развертывать новые Firebase Security Rules и работать напрямую с вашими данными Cloud Firestore .
- Будьте в курсе последних обновлений : используйте официальные подсказки, учитывающие версию, чтобы помочь вашему агенту выполнить задачи по настройке.
- Повышение точности : получите доступ к среде и схемам вашего проекта, чтобы предоставлять более релевантную и точную справку.
- Снижение затрат на токены : навыки агентов загружают подробную документацию только тогда, когда это необходимо для выполнения конкретной задачи, что минимизирует накладные расходы сессии.
В каких сервисах Firebase могут помочь навыки и инструменты агента?
В этом руководстве основное внимание уделяется тому, как навыки агента, интерфейс командной строки Firebase и сервер Firebase MCP взаимодействуют друг с другом, чтобы помочь вам быстро настроить эти службы и функции:
- Cloud Firestore : Создание базы данных NoSQL.
- Authentication : Настройте безопасный вход пользователя в систему.
- Firebase Security Rules : Создавайте и уточняйте Security Rules для вашего приложения.
- Firebase Hosting : Настройте свой проект для развертывания статического веб-приложения.
Полный список доступных функций можно найти в полном списке навыков агента Firebase .
Общий рабочий процесс
Следующие шаги описывают обобщенный рабочий процесс использования навыков агента Firebase для настройки и использования сервисов Firebase в веб-приложении . В фоновом режиме навыки агента используют интерфейс командной строки Firebase и сервер Firebase MCP для выполнения этих задач.
Шаг 1 : Установите навыки агента Firebase.
В большинстве случаев вы можете установить навыки агента Firebase в предпочитаемом вами редакторе с помощью одной команды:
Антигравитация
Навыки агента Firebase включены в один из пакетов интеграции Build with Google для Antigravity . Вы можете включить этот пакет для глобального доступа в двух местах:
- В процессе адаптации : установите флажок для стека Firebase.
- В настройках : перейдите в «Настройки» > «Настройки персонализации» . В разделе «Создать с помощью плагинов Google» нажмите «Настроить» , затем нажмите «Загрузить» для интеграции с Firebase.
Если вам нужен доступ на уровне проекта, выполните следующую команду в каталоге вашего проекта:
npx skills add firebase/agent-skills --agent=antigravity
Кодекс Клода
claude plugin marketplace add firebase/agent-skills
claude plugin install firebase@firebase
Кодекс
npx skills add firebase/agent-skills --agent=codex
Курсор
Вы можете установить навыки агента Firebase непосредственно из Cursor Marketplace или выполнив следующую команду в терминале:
npx skills add firebase/agent-skills --agent=cursor
Другие агенты
npx skills add firebase/agent-skills
Шаг 2 : Подключитесь к серверу Firebase MCP.
Хотя многие навыки агентов Firebase используют Firebase CLI для выполнения задач, рекомендуется подключить вашего агента ИИ к серверу Firebase MCP. Это подключение расширяет возможности вашего агента по взаимодействию с вашей средой Firebase, обеспечивая более глубокую интеграцию и доступ.
Метод с использованием ИИ
В большинстве случаев вы можете попросить своего агента по программированию на основе ИИ настроить сервер Firebase MCP. Однако, если у него возникнут трудности или вы не увидите сервер Firebase MCP в списке, переключитесь на ручной метод .
Ручной метод
Антигравитация
Чтобы настроить Antigravity для использования сервера Firebase MCP:
- В Antigravity в панели агентов выберите пункт меню > Серверы MCP .
- Выберите Firebase > Установить .
Это автоматически обновит ваш файл mcp_config.json , который можно просмотреть, нажав «Управление серверами MCP» в верхней части панели «Магазин MCP» > «Просмотреть исходную конфигурацию» , следующим содержимым:
{
"mcpServers": {
"firebase-mcp-server": {
"command": "npx",
"args": ["-y", "firebase-tools@latest", "mcp"]
}
}
}
Firebase Studio
Чтобы настроить Firebase Studio для использования сервера Firebase MCP, отредактируйте или создайте конфигурационный файл: .idx/mcp.json .
Если файл еще не существует, создайте его, щелкнув правой кнопкой мыши по родительскому каталогу и выбрав «Новый файл» . Добавьте в файл следующее содержимое:
{
"mcpServers": {
"firebase": {
"command": "npx",
"args": ["-y", "firebase-tools@latest", "mcp"]
}
}
}
Клод
Кодекс Клода
Вариант 1 : Установка через плагин (рекомендуется)
Самый простой способ настроить сервер Firebase MCP в Claude Code — установить официальный плагин Firebase:
Добавьте Firebase Marketplace для плагинов Claude:
claude plugin marketplace add firebase/firebase-toolsУстановите плагин Claude для Firebase:
claude plugin install firebase@firebaseПроверьте установку:
claude plugin marketplace list
Вариант 2 : Настройка сервера MCP вручную.
В качестве альтернативы вы можете настроить сервер Firebase MCP вручную:
Выполните следующую команду в папке вашего приложения:
claude mcp add firebase npx -- -y firebase-tools@latest mcpПроверьте установку:
claude mcp listДолжно отобразиться:
firebase: npx -y firebase-tools@latest mcp - ✓ Connected
Клод Рабочий стол
Чтобы настроить Claude Desktop для использования сервера Firebase MCP, отредактируйте файл claude_desktop_config.json . Вы можете открыть или создать этот файл в меню Claude > Настройки . Выберите вкладку «Разработчик» , затем нажмите «Редактировать конфигурацию» .
{
"mcpServers": {
"firebase": {
"command": "npx",
"args": ["-y", "firebase-tools@latest", "mcp"]
}
}
}
Клайн
Чтобы настроить Cline для использования сервера Firebase MCP, отредактируйте файл cline_mcp_settings.json . Вы можете открыть или создать этот файл, щелкнув значок «Серверы MCP» в верхней части панели Cline, а затем нажав кнопку «Настроить серверы MCP» .
{
"mcpServers": {
"firebase": {
"command": "npx",
"args": ["-y", "firebase-tools@latest", "mcp"],
"disabled": false
}
}
}
Курсор
Вариант 1: Плагин Marketplace (рекомендуется)
Установите плагин Firebase из Cursor Marketplace . Это автоматически настроит сервер MCP и предоставит доступ к навыкам агента Firebase .
Вариант 2: Настройка MCP одним щелчком мыши
Если вы хотите добавить сервер MCP только в глобальную конфигурацию, нажмите следующую кнопку:
Вариант 3: Ручная настройка
Если вы предпочитаете настраивать сервер для конкретного проекта или хотите редактировать параметры вручную, обновите файл mcp.json :
- Для конкретного проекта отредактируйте
.cursor/mcp.json - Для всех проектов (глобально) отредактируйте файл
~/.cursor/mcp.json
"mcpServers": {
"firebase": {
"command": "npx",
"args": ["-y", "firebase-tools@latest", "mcp"]
}
}
VS Code Copilot
Для настройки отдельного проекта отредактируйте файл .vscode/mcp.json в вашей рабочей области:
"servers": {
"firebase": {
"type": "stdio",
"command": "npx",
"args": ["-y", "firebase-tools@latest", "mcp"]
}
}
Чтобы сервер был доступен в каждом открытом вами проекте, отредактируйте пользовательские настройки, например:
"mcp": {
"servers": {
"firebase": {
"type": "stdio",
"command": "npx",
"args": ["-y", "firebase-tools@latest", "mcp"]
}
}
}
Виндсёрфинг
Для настройки редактора Windsurf отредактируйте файл ~/.codeium/windsurf/mcp_config.json :
"mcpServers": {
"firebase": {
"command": "npx",
"args": ["-y", "firebase-tools@latest", "mcp"]
}
}
Шаг 3 : Инициализация служб Firebase
После настройки навыков и инструментов агента вы можете использовать естественный язык для настройки Cloud Firestore , Authentication и Firebase Hosting вашим агентом ИИ-программиста.
Попросите вашего агента настроить услугу. Например, вы можете использовать такие подсказки:
- Настройте Cloud Firestore в качестве базы данных для этого приложения.
- Создайте страницу входа с использованием Authentication и обновите Security Rules чтобы гарантировать, что только авторизованные пользователи могут читать и записывать свои данные.
- Настройте Firebase Hosting и разверните приложение в продакшене.
Внимательно изучите всю предоставленную информацию и следуйте инструкциям вашего агента, например:
- Планы : Ваш агент предлагает стратегию, основанную на существующем коде.
- Подключает : Ваш агент связывает ваш локальный код с существующим проектом Firebase или помогает вам создать новый проект Firebase.
- Инициализация ресурсов : ваш агент добавляет необходимые библиотеки Firebase и конфигурацию в ваш код.
- Обновление файлов : Ваш агент создает и обновляет все необходимые файлы, такие как
firestore.rules(для определения того, кто может читать, записывать или запрашивать данные в вашей базе данных) илиfirebase.json(для информирования Firebase CLI о том, какие сервисы следует развернуть и как их настроить). - Выполняется : Ваш агент проведет вас через дополнительные шаги по настройке или развертыванию.
Общие советы по запуску ИИ-программиста
Чтобы максимально эффективно использовать возможности вашего агента ИИ-программирования, особенно при работе с многофункциональными интеграциями, такими как Firebase, рассматривайте взаимодействие как сотрудничество, а не как разовую команду.
Будьте конкретны и предоставьте контекст.
Хотя сервер Firebase MCP предоставляет агенту важную информацию о вашем проекте, четкие и конкретные запросы на естественном языке дают наилучшие результаты. Избегайте расплывчатых запросов.
- Неясно : «Исправить ошибку в базе данных».
- Конкретная проблема : «При попытке записи в коллекцию 'users' в Cloud Firestore я получаю ошибку 'отказано в доступе'. Проверьте мой
firestore.rulesи предложите решение, которое позволит авторизованным пользователям записывать данные в свой собственный документ».
Повторяйте и уточняйте.
Агенты искусственного интеллекта, занимающиеся программированием, редко генерируют идеальный код с первой попытки для сложных задач. Если ответ не совсем подходит, продолжайте диалог:
- Сообщите об ошибках : скопируйте любые ошибки терминала или журналы консоли обратно в чат.
- Запрос на корректировку : «В этом коде используется более старая версия SDK v8. Перепишите его, используя модульный SDK Firebase v9».
- Запрос на пояснение : «Объясните, как эти Firebase Security Rules защищают данные пользователей».
Перед выполнением проверьте все необходимые параметры.
Программисты, использующие искусственный интеллект, обладают мощными возможностями, но они могут совершать ошибки или «галлюцинировать» (придумывать функции или сервисы с неправильными названиями).
- Проверяйте код : всегда внимательно читайте сгенерированный код, особенно Firebase Security Rules и файлы конфигурации (например,
firebase.json), прежде чем развертывать его в продакшене. - Тестирование локально : По возможности, попросите агента помочь вам протестировать изменения локально, прежде чем вводить их в рабочую среду.
Используйте соединение MCP.
Поскольку сервер Firebase MCP предоставляет вашему агенту прямой доступ к структуре вашего проекта, вы можете ссылаться на конкретные файлы, чтобы получить индивидуальные рекомендации по внедрению.
- Пример : «Посмотрите на мой файл
src/web/index.htmlи покажите, куда нужно добавить стандартный скрипт инициализации Firebase».
Следующие шаги
- Просмотрите полный список всех доступных навыков агента Firebase .
- Ознакомьтесь с полным списком всех доступных подсказок, инструментов и ресурсов, предоставляемых сервером Firebase MCP .
- Узнайте больше об инструментах, предоставляемых Firebase CLI .