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). Usługa Hosting domyślnie udostępnia Twoje treści przez protokół SSL i może być używana z własną domeną niestandardową lub w bezpłatnie w domenach 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. Inicjuj 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 projektów.

    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ślnie publiczny katalog główny to 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 nie masz jeszcze prawidłowego pliku index.html lub 404.html do publicznego katalogu głównego, Firebase utworzy go za Ciebie.

  3. Wybierz konfigurację witryny.

    Jeśli utworzysz aplikację jednostronicową, Firebase automatycznie doda do niej przepisywania konfiguracji.

Po zakończeniu inicjowania Firebase automatycznie tworzy i dodaje 2 pliki do katalogu głównego lokalnego katalogu aplikacji:

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 treści i konfigurację z Hosting w następujących Subdomeny obsługiwane przez Firebase:

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

Więcej informacji o wdrażania, a nawet lokalnie testuje witrynę.

Dalsze kroki

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