Integrowanie usług Firebase przy użyciu pomocy AI

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

Z tego przewodnika dowiesz się, jak za pomocą agenta kodowania AI skonfigurować Cloud Firestore, Firebase Authentication i Firebase Hosting w aplikacji internetowej. Wkrótce znajdziesz tu informacje o aplikacjach na iOS, Androida i Fluttera.

Dlaczego warto używać umiejętności i narzędzi agenta Firebase?

Agenty AI do kodowania często mają problemy z konkretnymi konfiguracjami projektów lub nieaktualnymi informacjami. Ten zestaw narzędzi wypełnia tę lukę, łącząc specjalistyczne instrukcje (umiejętności agenta) z 2 uzupełniającymi się typami narzędzi do wykonywania zadań przez agenta (interfejs wiersza poleceń i serwer MCP):

• Umiejętności agenta Firebase: zapewniają agentowi kodującemu wiedzę specjalistyczną i przepływy pracy. Umiejętności stanowią warstwę instrukcji, która wskazuje agentowi sprawdzone metody pracy z Firebase, w tym pisania kodu. Umiejętności uczą też agenta, kiedy i jak używać interfejsu wiersza poleceń Firebase i serwera MCP Firebase.
• Narzędzia do wykonywania agenta:
  • Interfejs wiersza poleceń Firebase (narzędzia wiersza poleceń): udostępnia narzędzia do zadań związanych z cyklem życia projektu i środowiskiem. Agent może uruchamiać polecenia interfejsu wiersza poleceń w środowisku terminala, aby konfigurować usługi w projekcie w Firebase, wdrażać całe witryny lub zasoby backendu, uruchamiać emulatory lokalne i wykonywać inne czynności.
  • Serwer MCP Firebase (narzędzia i zasoby zautomatyzowane): udostępnia narzędzia do kontroli i operacji na danych w czasie rzeczywistym. Dzięki ustrukturyzowanym wywołaniom narzędzi agent może automatycznie wysyłać zapytania i aktualizować dokumenty Cloud Firestore, zarządzać użytkownikami Firebase Authentication, sprawdzać Security Rules, pobierać logi lub dokumentację bezpośrednio do kontekstu i wykonywać inne czynności.

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

• Podejmowanie działań: nie ograniczaj się do pisania kodu. Agent może inicjować usługi, zarządzać użytkownikami Firebase Authentication, wdrażać nowe Firebase Security Rules i pracować bezpośrednio z danymi Cloud Firestore.
• Bądź na bieżąco: używaj oficjalnych promptów uwzględniających wersję, aby przeprowadzić agenta przez zadania konfiguracyjne.
• Zwiększanie dokładności: uzyskaj dostęp do środowiska i schematów projektu, aby zapewnić bardziej trafną i dokładną pomoc.
• Obniżenie kosztów tokenów: umiejętności agenta wczytują szczegółową dokumentację tylko wtedy, gdy wymaga tego konkretne zadanie, co minimalizuje obciążenie sesji.

Odpowiednie usługi Firebase

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

• Cloud Firestore: udostępnij bazę danych NoSQL.
• Firebase Authentication: skonfiguruj bezpieczne logowanie użytkowników.
• Firebase Security Rules: generuj i ulepszaj Security Rules dla swojej aplikacji.
• Firebase Hosting: skonfiguruj projekt na potrzeby wdrażania statycznej aplikacji internetowej.

Pełną listę dostępnych umiejętności znajdziesz w pełnej liście umiejętności agenta Firebase.

Ogólny przepływ pracy

Poniżej opisujemy uogólniony przepływ pracy, który pokazuje, jak używać umiejętności agenta Firebase do konfigurowania usług Firebase i korzystania z nich 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:

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

npx skills add firebase/agent-skills

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

Chociaż wiele umiejętności agenta Firebase używa interfejsu wiersza poleceń Firebase do wykonywania zadań, zalecamy też połączenie agenta AI do kodowania 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 AI do kodowania o skonfigurowanie serwera Firebase MCP. Jeśli jednak wystąpią problemy lub nie widzisz serwera MCP Firebase na liście, przejdź do metody ręcznej.

Sposób ręczny

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

"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 AI do kodowania skonfigurował Cloud Firestore, Firebase Authentication i Firebase Hosting.

1. Poproś agenta o skonfigurowanie usługi. Możesz używać takich promptów:

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

2. Zapoznaj się z informacjami i postępuj zgodnie z instrukcjami, które może podać agent, takimi jak:

   1. Planuje: agent proponuje strategię na podstawie istniejącej bazy kodu.
   2. Łączenie: agent łączy kod lokalny z istniejącym projektem w Firebase lub pomaga utworzyć nowy projekt w Firebase.
   3. Inicjuje zasoby: agent dodaje do bazy kodu wymagane biblioteki i konfigurację Firebase.
   4. Aktualizuje pliki: 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. Wykonuje: agent przeprowadzi Cię przez dodatkowe kroki konfiguracji lub wdrażania.

Ogólne wskazówki dotyczące promptów dla asystenta kodowania AI

Aby jak najlepiej wykorzystać możliwości agenta kodowania opartego na AI, zwłaszcza podczas pracy z wielowymiarowymi integracjami, takimi jak Firebase, traktuj interakcję jako współpracę, a nie pojedyncze polecenie.

Podawaj konkretne informacje i kontekst.

Serwer Firebase MCP zapewnia agentowi istotny kontekst dotyczący projektu, ale najlepsze wyniki dają jasne i precyzyjne prompty w języku naturalnym. Unikaj niejasnych próśb.

• Nieprecyzyjny: „Napraw błąd bazy danych”.
• Konkretne: „Podczas próby zapisu w kolekcji „użytkownicy” w Cloud Firestore pojawia się błąd „odmowa uprawnień”. Sprawdź moją regułę firestore.rules i zaproponuj poprawkę, która pozwoli uwierzytelnionym użytkownikom zapisywać dane we własnym dokumencie”.

Iteracja i doprecyzowanie

Agenty AI do kodowania rzadko generują idealny kod za pierwszym razem w przypadku złożonych zadań. Jeśli odpowiedź nie jest do końca poprawna, kontynuuj rozmowę:

• Podaj komunikaty o błędach: wklej na czacie błędy z terminala lub dzienniki konsoli.
• Poproś o wprowadzenie zmian: „Ten kod używa starszego pakietu SDK w wersji 8. Przepisz go, używając modułowego pakietu SDK Firebase w wersji 9”.
• Prośba o wyjaśnienia: „Wyjaśnij, jak te Firebase Security Rules chronią dane użytkowników”.

Weryfikacja przed wykonaniem

Agenty AI do kodowania są potężne, 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 (takie jak firebase.json).
• Testuj lokalnie: gdy tylko jest to możliwe, poproś agenta o pomoc w testowaniu zmian lokalnie przed ich opublikowaniem.

Korzystanie z połączenia MCP

Serwer MCP Firebase zapewnia agentowi bezpośredni wgląd w strukturę projektu, dzięki czemu 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

• Przejrzyj pełną listę wszystkich dostępnych umiejętności agenta Firebase
• Przejrzyj pełną listę wszystkich dostępnych promptów, narzędzi i zasobów udostępnianych przez serwer MCP Firebase.
• Więcej informacji o narzędziach dostępnych w interfejsie wiersza poleceń Firebase