Интегрируйте сервисы Firebase с помощью искусственного интеллекта.

Streamline your Firebase setup for web apps by using AI-powered development tools such as Antigravity , Claude Code, Codex, and Cursor. By using Firebase agent skills in tandem with the Firebase CLI and Firebase MCP server , you can transform your AI coding agent into a specialized Firebase expert that can write code, configure Firebase Security Rules , and manage live resources.

This guide covers using an AI coding agent to help set up Cloud Firestore , Authentication , and Firebase Hosting for a web app . Check back soon for information about iOS, Android, and Flutter apps!

Зачем использовать навыки и инструменты агента Firebase?

Модели искусственного интеллекта общего назначения часто испытывают трудности с конкретными конфигурациями проектов или устаревшей информацией. Этот набор инструментов призван устранить этот пробел:

• Firebase agent skills : Skills provide the coding agent with domain expertise . They provide up-to-date documentation and optimal workflows so the agent knows the correct, Firebase-recommended way to structure your architecture.
• Firebase MCP server : The MCP server gives the coding agent context and access . It establishes a standard protocol for the agent to programmatically inspect your active project resources, local files, and configurations.
• Firebase CLI : The command-line interface gives the coding agent actionable power . It's the execution tool that the agent uses to perform heavy-lifting tasks like initializing databases, managing user authentication configs, and deploying code on your behalf.

Использование навыков агента Firebase вместе с Firebase CLI и сервером Firebase MCP расширяет возможности вашего агента ИИ-программирования:

• Take action : Do more than just write code. Your agent can initialize services, manage Authentication users, deploy new Firebase Security Rules , and work directly with your Cloud Firestore data.
• Будьте в курсе последних обновлений : используйте официальные подсказки, учитывающие версию, чтобы помочь вашему агенту выполнить задачи по настройке.
• Повышение точности : получите доступ к среде и схемам вашего проекта, чтобы предоставлять более релевантную и точную справку.
• Снижение затрат на токены : навыки агентов загружают подробную документацию только тогда, когда это необходимо для выполнения конкретной задачи, что минимизирует накладные расходы сессии.

В каких сервисах Firebase могут помочь навыки и инструменты агента?

В этом руководстве основное внимание уделяется тому, как навыки агента, интерфейс командной строки Firebase и сервер Firebase MCP взаимодействуют друг с другом, чтобы помочь вам быстро настроить эти службы и функции:

• Cloud Firestore : Создание базы данных NoSQL.
• Authentication : Настройте безопасный вход пользователя в систему.
• Firebase Security Rules : Создавайте и уточняйте Security Rules для вашего приложения.
• Firebase Hosting : Настройте свой проект для развертывания статического веб-приложения.

Полный список доступных функций можно найти в полном списке навыков агента Firebase .

Общий рабочий процесс

The following steps describe a generalized workflow for how to use Firebase agent skills to set up and use Firebase services in a web app . Behind the scenes, agent skills are using the Firebase CLI and the Firebase MCP server to complete these tasks.

Шаг 1 : Установите навыки агента Firebase.

В большинстве случаев вы можете установить навыки агента Firebase в предпочитаемом вами редакторе с помощью одной команды:

claude plugin marketplace add firebase/agent-skills
claude plugin install firebase@firebase

npx skills add firebase/agent-skills

Шаг 2 : Подключитесь к серверу Firebase MCP.

While many Firebase agent skills use the Firebase CLI for tasks, connecting your AI coding agent to the Firebase MCP server is recommended. This connection enhances your agent's ability to interact with your Firebase environment, providing deeper integration and access.

Метод с использованием ИИ

В большинстве случаев вы можете попросить своего агента по программированию на основе ИИ настроить сервер Firebase MCP. Однако, если у него возникнут трудности или вы не увидите сервер Firebase MCP в списке, переключитесь на ручной метод .

Ручной метод

{
  "mcpServers": {
    "firebase-mcp-server": {
      "command": "npx",
      "args": ["-y", "firebase-tools@latest", "mcp"]
    }
  }
}

{
  "mcpServers": {
    "firebase": {
      "command": "npx",
      "args": ["-y", "firebase-tools@latest", "mcp"]
    }
  }
}

{
  "mcpServers": {
    "firebase": {
      "command": "npx",
      "args": ["-y", "firebase-tools@latest", "mcp"]
    }
  }
}

{
  "mcpServers": {
    "firebase": {
      "command": "npx",
      "args": ["-y", "firebase-tools@latest", "mcp"],
      "disabled": false
    }
  }
}

"mcpServers": {
  "firebase": {
    "command": "npx",
    "args": ["-y", "firebase-tools@latest", "mcp"]
  }
}

"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"]
    }
  }
}

"mcpServers": {
  "firebase": {
    "command": "npx",
    "args": ["-y", "firebase-tools@latest", "mcp"]
  }
}

Шаг 3 : Инициализация служб Firebase

После настройки навыков и инструментов агента вы можете использовать естественный язык для настройки Cloud Firestore , Authentication и Firebase Hosting вашим агентом ИИ-программиста.

1. Попросите вашего агента настроить услугу. Например, вы можете использовать такие подсказки:

   • Настройте Cloud Firestore в качестве базы данных для этого приложения.
   • Создайте страницу входа с использованием Authentication и обновите Security Rules чтобы гарантировать, что только авторизованные пользователи могут читать и записывать свои данные.
   • Настройте Firebase Hosting и разверните приложение в продакшене.

2. Внимательно изучите всю предоставленную информацию и следуйте инструкциям вашего агента, например:

   1. Планы : Ваш агент предлагает стратегию, основанную на существующем коде.
   2. Подключает : Ваш агент связывает ваш локальный код с существующим проектом Firebase или помогает вам создать новый проект Firebase.
   3. Инициализация ресурсов : ваш агент добавляет необходимые библиотеки Firebase и конфигурацию в ваш код.
   4. Updates files : Your agent creates and updates any necessary files, such as firestore.rules (to define who can read, write, or query data within your database) or firebase.json (to inform the Firebase CLI which services to deploy and how to configure them).
   5. Выполняется : Ваш агент проведет вас через дополнительные шаги по настройке или развертыванию.

Общие советы по запуску ИИ-программиста

Чтобы максимально эффективно использовать возможности вашего агента ИИ-программирования, особенно при работе с многофункциональными интеграциями, такими как Firebase, рассматривайте взаимодействие как сотрудничество, а не как разовую команду.

Будьте конкретны и предоставьте контекст.

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

• Неясно : «Исправить ошибку в базе данных».
• Specific : "I'm getting a 'permission denied' error when trying to write to the 'users' collection in Cloud Firestore . Review my firestore.rules and suggest a fix that allows authenticated users to write to their own document."

Повторяйте и уточняйте.

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

• Сообщите об ошибках : скопируйте любые ошибки терминала или журналы консоли обратно в чат.
• Запрос на корректировку : «В этом коде используется более старая версия 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 .