Integrowanie usług Firebase przy użyciu pomocy AI

Usprawnij konfigurację Firebase dla aplikacji internetowych, korzystając z narzędzi dla programistów opartych na AI takich jak Antigravity, Claude Code, Codex i Cursor. Dzięki wykorzystaniu umiejętności agenta Firebase w połączeniu z Firebase interfejsem wiersza poleceń i serwerem Firebase MCP możesz przekształcić agenta do kodowania opartego na AI w specjalistę od Firebase, który może pisać kod, konfigurować Firebase Security Rules i zarządzać zasobami na żywo.

Ten przewodnik zawiera informacje o tym, jak używać agenta do kodowania opartego na AI, aby skonfigurować Cloud Firestore, Authentication, i Firebase Hosting w aplikacji internetowej. Wkrótce udostępnimy informacje o aplikacjach na iOS, Androida i Fluttera.

Dlaczego warto korzystać z umiejętności i narzędzi agenta Firebase?

Ogólne modele AI często mają problemy z konkretnymi konfiguracjami projektów lub nieaktualnymi informacjami. Ten zestaw narzędzi rozwiązuje ten problem:

• Umiejętności agenta Firebase: Umiejętności zapewniają agentowi do kodowania wiedzę specjalistyczną. Dzięki nim agent ma dostęp do aktualnej dokumentacji i optymalnych przepływów pracy, dzięki czemu wie, jak prawidłowo i zgodnie z zaleceniami Firebase skonfigurować architekturę.
• Serwer Firebase MCP: serwer MCP zapewnia agentowi do kodowania kontekst i dostęp. Ustanawia standardowy protokół, który umożliwia agentowi programowe sprawdzanie aktywnych zasobów projektu, plików lokalnych i konfiguracji.
• Firebase CLI: Interfejs wiersza poleceń zapewnia agentowi do kodowania możliwość działania. Jest to narzędzie do wykonywania, którego agent używa do wykonywania złożonych zadań, takich jak inicjowanie baz danych, zarządzanie konfiguracjami uwierzytelniania użytkowników i wdrażanie kodu w Twoim imieniu.

Korzystanie z umiejętności agenta Firebase wraz z interfejsem wiersza poleceń Firebase i serwerem Firebase MCP zapewnia agentowi do kodowania opartego na AI dodatkowe możliwości:

• Podejmowanie działań: agent może robić więcej niż tylko pisać kod. Może inicjować usługi, zarządzać Authentication użytkownikami, wdrażać nowe Firebase Security Rules, i pracować bezpośrednio z danymi Cloud Firestore.
• Aktualność: używaj oficjalnych promptów uwzględniających wersję, aby przeprowadzić agenta przez zadania konfiguracji.
• Zwiększanie dokładności: agent ma dostęp do środowiska i schematów projektu, dzięki czemu może udzielać bardziej trafnej i dokładnej pomocy.
• Zmniejszanie kosztów tokenów: umiejętności agenta wczytują szczegółową dokumentację tylko wtedy, gdy wymaga tego konkretne zadanie, co minimalizuje obciążenie sesji.

W przypadku których usług Firebase agent może pomóc?

Ten przewodnik koncentruje się głównie na tym, jak umiejętności agenta, interfejs wiersza poleceń Firebase i serwer Firebase MCP współpracują ze sobą, aby pomóc Ci szybko skonfigurować te usługi i funkcje:

• Cloud Firestore: udostępnij bazę danych NoSQL.
• Authentication: skonfiguruj bezpieczne logowanie użytkowników.
• Firebase Security Rules: generuj i dopracowuj Security Rules dla swojej aplikacji.
• Firebase Hosting: skonfiguruj projekt pod kątem wdrożenia statycznej aplikacji internetowej.

Aby zobaczyć pełną listę dostępnych funkcji, zapoznaj się z pełną listą umiejętności agenta Firebase.

Ogólny przepływ pracy

Poniższe kroki opisują ogólny przepływ pracy związany z używaniem umiejętności agenta Firebase do konfigurowania i używania usług Firebase w aplikacji internetowej. W tle umiejętności agenta używają interfejsu wiersza poleceń Firebase i serwera Firebase MCP do wykonywania tych zadań.

Krok 1. Zainstaluj umiejętności agenta Firebase

W większości przypadków możesz zainstalować umiejętności agenta Firebase w preferowanym edytorze za pomocą jednego prompta:

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

npx skills add firebase/agent-skills --agent=cursor

npx skills add firebase/agent-skills

Krok 2. Połącz się z serwerem Firebase MCP

Chociaż wiele umiejętności agenta Firebase używa interfejsu wiersza poleceń Firebase do wykonywania zadań, zalecamy połączenie agenta do kodowania opartego na AI z serwerem Firebase MCP. To połączenie zwiększa możliwości agenta w zakresie interakcji ze środowiskiem Firebase, zapewniając głębszą integrację i dostęp.

Metoda wspomagana przez AI

W większości przypadków możesz poprosić agenta do kodowania opartego na AI o skonfigurowanie serwera Firebase MCP. Jeśli jednak agent ma problemy lub nie widzisz serwera Firebase MCP na liście, przejdź na metodę ręczną.

Metoda ręczna

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

Krok 3. Zainicjuj usługi Firebase

Po skonfigurowaniu umiejętności i narzędzi agenta możesz teraz używać języka naturalnego aby agent do kodowania oparty na AI skonfigurował Cloud Firestore, Authentication, i Firebase Hosting.

1. Poproś agenta o skonfigurowanie usługi. Możesz na przykład użyć tych promptów:

   • Skonfiguruj Cloud Firestore jako bazę danych tej aplikacji.
   • Utwórz stronę logowania za pomocą Authentication i zaktualizuj Security Rules, aby tylko autoryzowani użytkownicy mogli odczytywać i zapisywać własne dane.
   • Skonfiguruj Firebase Hosting i wdróż aplikację w środowisku produkcyjnym.

2. Sprawdź wszystkie informacje i wykonaj wszystkie kroki, które może podać agent, takie jak:

   1. Plany: agent proponuje strategię na podstawie istniejącej bazy kodu.
   2. Połączenia: agent łączy Twój kod lokalny z istniejącym projektem w Firebase lub pomaga utworzyć nowy projekt w Firebase.
   3. Inicjowanie zasobów: agent dodaje do bazy kodu wymagane biblioteki i konfigurację Firebase.
   4. Aktualizowanie plików: agent tworzy i aktualizuje wszystkie niezbędne pliki, takie jak firestore.rules (aby określić, kto może odczytywać, zapisywać lub wysyłać zapytania do danych w bazie danych) lub firebase.json (aby poinformować interfejs wiersza poleceń Firebase, które usługi mają zostać wdrożone i jak je skonfigurować).
   5. Wykonywanie: agent przeprowadzi Cię przez dodatkowe kroki konfiguracji lub wdrażania.

Ogólne wskazówki dotyczące promptów dla agenta do kodowania opartego na AI

Aby w pełni wykorzystać możliwości agenta do kodowania opartego na AI, zwłaszcza podczas pracy ze złożonymi integracjami, takimi jak Firebase, traktuj interakcję jako współpracę, a nie jednorazowe polecenie.

Bądź konkretny i podaj kontekst

Chociaż serwer Firebase MCP zapewnia agentowi znaczący kontekst dotyczący Twojego projektu, najlepsze wyniki uzyskasz, używając jasnych i konkretnych promptów w języku naturalnym. Unikaj niejasnych próśb.

• Niejasne: "Napraw błąd bazy danych".
• Konkretne: "Podczas próby zapisu w kolekcji „users” w Cloud Firestorepojawia się błąd „permission denied”. Sprawdź mój plik firestore.rules i zaproponuj poprawkę, która umożliwi uwierzytelnionym użytkownikom zapisywanie w ich własnym dokumencie”.

Iteruj i dopracowuj

W przypadku złożonych zadań agenci do kodowania opartego na AI rzadko generują idealny kod za pierwszym razem. Jeśli odpowiedź nie jest do końca prawidłowa, kontynuuj rozmowę:

• Podaj komunikaty o błędach: wklej do czatu wszelkie błędy terminala lub logi konsoli.
• Poproś o dostosowanie: "Ten kod używa starszego pakietu SDK w wersji 8. Przepisz go za pomocą modułowego pakietu SDK Firebase w wersji 9”.
• Poproś o wyjaśnienie: "Wyjaśnij, jak te Firebase Security Rules chronią dane użytkowników."

Sprawdź przed wykonaniem

Agenci do kodowania opartego na AI są potężni, ale mogą popełniać błędy lub „halucynować” (wymyślać nieprawidłowo nazwane funkcje lub usługi).

• Sprawdź kod: przed wdrożeniem w środowisku produkcyjnym zawsze przeczytaj wygenerowany kod, zwłaszcza Firebase Security Rules i pliki konfiguracji (np. firebase.json).
• Testuj lokalnie: jeśli to możliwe, poproś agenta o pomoc w testowaniu zmian lokalnie przed ich opublikowaniem.

Użyj połączenia MCP

Ponieważ serwer Firebase MCP zapewnia agentowi bezpośredni wgląd w strukturę projektu, możesz odwoływać się do konkretnych plików, aby uzyskać dostosowane porady dotyczące implementacji.

• Przykład: "Spójrz na mój plik src/web/index.html i pokaż mi, gdzie dodać standardowy skrypt inicjujący Firebase."

Dalsze kroki

• Zapoznaj się z pełną listą wszystkich dostępnych umiejętności agenta Firebase.
• Zapoznaj się z pełną listą wszystkich dostępnych promptów, narzędzi i zasobów udostępnianych przez serwer Firebase MCP.
• Dowiedz się więcej o narzędziach udostępnianych przez interfejs wiersza poleceń Firebase CLI.