Pierwsze kroki z Hostingiem Firebase

Firebase Hosting zapewnia szybki, bezpieczny i niezawodny sposób hostowania statycznych zasobów aplikacji (HTML, CSS, JavaScript, pliki multimedialne itp.), a także obsługi treści dynamicznych i hostowania mikroserwisów.

Nasz hosting klasy produkcyjnej jest obsługiwany przez globalną sieć dostarczania treści (CDN). Hosting domyślnie obsługuje treści przez SSL i może być używany z własną domeną niestandardową lub w subdomenach projektu bezpłatnie w domenach web.app i firebaseapp.com.




Aby skorzystać z pomocy AI, skopiuj podpowiedź poniżej do agenta kodowania AI (np. Antigravity, Claude Code, Codex i Cursor). Możesz dostosować podpowiedź i iterować z agentem. Szczegółowe informacje o instalacji znajdziesz w artykule Umiejętności agenta Firebase. 

Help me use Firebase in my app.
1. Make sure that **Firebase agent skills** are installed and updated. For Claude Code, Codex, or Cursor agents, help me install the Firebase plugin. For other agents, run `npx skills add firebase/agent-skills`.  Always try to use **Firebase agent skills** for Firebase-related tasks.
2. Help me use Firebase to host my web app. Set up my app to use Firebase, and then deploy my app.

Zanim zaczniesz

Zanim skonfigurujesz Firebase Hosting, musisz utworzyć projekt w Firebase.

Krok 1. Zainstaluj interfejs wiersza poleceń Firebase

Aby dowiedzieć się, jak zainstalować interfejs wiersza poleceń lub zaktualizować go do najnowszej wersji, zapoznaj się z dokumentacją interfejsu wiersza poleceń Firebase.

Krok 2. Zainicjuj projekt

Aby połączyć pliki projektu lokalnego z projektem w Firebase, uruchom to polecenie w katalogu głównym katalogu projektu lokalnego:

firebase init hosting

Podczas inicjowania projektu w wierszu poleceń Firebase:

  1. Wybierz projekt Firebase, który chcesz połączyć z lokalnym katalogiem projektu.

    Wybrany projekt Firebase jest „domyślnym” projektem Firebase dla lokalnego katalogu projektu. Aby połączyć dodatkowe projekty Firebase z lokalnym katalogiem projektu, skonfiguruj aliasy projektu.

  2. Określ katalog, który ma być używany jako publiczny katalog główny.

    Ten katalog zawiera wszystkie statyczne pliki udostępniane publicznie, w tym plik index.html i inne zasoby, które chcesz wdrożyć w Firebase Hosting.

    • Aplikacje statyczne: jeśli wdrażasz aplikację statyczną:

      • Domyślna nazwa publicznego katalogu głównego to public.

      • Możesz określić publiczny katalog główny teraz lub możesz określić go później w pliku firebase.json konfiguracyjnym.

      • Jeśli wybierzesz domyślny katalog i nie masz jeszcze katalogu o nazwie public, Firebase utworzy go dla Ciebie.

      • Jeśli w publicznym katalogu głównym nie masz jeszcze prawidłowego pliku index.html lub 404.html, Firebase utworzy je dla Ciebie.

    • Włącz App Hosting: jeśli interfejs wiersza poleceń wykryje funkcje platformy internetowej SSR, takie jak Next.js lub Angular Universal, może zalecić zainicjowanie Firebase App Hosting. App Hosting to zalecane rozwiązanie do wdrażania aplikacji z pełnym stosem. Możesz kontynuować konfigurację App Hosting lub kontynuować Hosting (klasycznego) w przypadku wdrożeń tylko statycznych.

  3. Wybierz konfigurację witryny.

    Jeśli zdecydujesz się utworzyć aplikację jednostronicową, Firebase automatycznie doda konfiguracje przekierowań dla Ciebie.

Po zakończeniu inicjowania Firebase automatycznie utworzy i doda 2 pliki do katalogu głównego lokalnej aplikacji:

Krok 3. Wdróż w witrynie

Aby wdrożyć w witrynie, uruchom to polecenie w katalogu głównym lokalnego projektu:

firebase deploy --only hosting

To polecenie wdraża treści i konfigurację Hosting w tych subdomenach udostępnionych przez Firebase:

  • PROJECT_ID.web.app
  • PROJECT_ID.firebaseapp.com

Dowiedz się więcej o wdrażaniu i testowaniu witryny lokalnie.

Dalsze kroki

Twoja witryna jest już gotowa do udostępnienia całemu światu.