Pierwsze kroki z Hostingiem Firebase

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

Nasz hosting klasy produkcyjnej jest obsługiwany przez globalną sieć dostarczania treści (CDN). Hosting domyślnie udostępnia treści za pomocą protokołu SSL i może być używany z Twoją domeną niestandardową lub subdomenami Twojego projektu bezpłatnie na web.app i firebaseapp.com.

Zanim zaczniesz

Zanim skonfigurujesz usługę Firebase Hosting, musisz utworzyć projekt Firebase.

Krok 1. Zainstaluj interfejs wiersza poleceń Firebase

Zapoznaj się z dokumentacją interfejsu wiersza poleceń Firebase, aby dowiedzieć się, jak zainstaluj interfejs wiersza poleceń lub zaktualizować ją do najnowszej wersji.

Krok 2. Zainicjuj projekt

Aby połączyć pliki projektów lokalnych z projektem Firebase, uruchom następujące polecenie w katalogu głównym projektu lokalnego:

firebase init hosting

Podczas inicjowania projektu z poziomu promptów interfejsu wiersza poleceń Firebase:

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

    Wybrany projekt Firebase jest ustawiony jako „domyślny” Projekt Firebase dla Twojego katalogu projektu. Aby połączyć dodatkowe projekty Firebase z lokalnym katalogiem projektu, skonfiguruj aliasy projektów.

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

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

    • Domyślny katalog główny publiczny nosi nazwę public.

      • Możesz określić publiczny katalog główny teraz lub określ je później w firebase.json plik konfiguracji.

      • Jeśli wybierzesz domyślną wartość, a nie masz jeszcze katalogu o nazwie public, Firebase tworzy ją za Ciebie.

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

  3. Wybierz konfigurację witryny.

    Jeśli zdecydujesz się na aplikację jednostronicową, Firebase automatycznie doda konfiguracje przekształcania.

Po zakończeniu inicjalizacji Firebase automatycznie tworzy 2 pliki i dodaje je do głównego katalogu lokalnej aplikacji:

  • Plik konfiguracji firebase.json zawierający konfigurację projektu. Więcej informacji o tym pliku znajdziesz w skonfiguruj hosting.

  • Plik .firebaserc, w którym przechowywane są aliasy projektów.

Krok 3. Wdróż w swojej witrynie

Aby wdrożyć to rozwiązanie w witrynie, uruchom to polecenie w katalogu głównym katalog projektu:

firebase deploy --only hosting

To polecenie wdraża Twoje treści i konfigurację Hosting do tych subdomen utworzonych w Firebase:

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

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

Dalsze kroki

Teraz możesz udostępnić swoją witrynę całemu światu.