Zacznij korzystać z Hostingu Firebase

Hosting Firebase zapewnia szybki, bezpieczny i niezawodny sposób hostowania statycznych zasobów aplikacji (HTML, CSS, JavaScript, plików multimedialnych itp.), a także udostępniania treści dynamicznych i hostowania mikrousług .

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

Zanim zaczniesz

Zanim będziesz mógł skonfigurować Hosting Firebase, musisz utworzyć projekt Firebase .

Krok 1 : Zainstaluj interfejs CLI Firebase

Odwiedź dokumentację interfejsu CLI Firebase, aby dowiedzieć się, jak zainstalować interfejs CLI lub zaktualizować go do najnowszej wersji .

Krok 2 : Zainicjuj swój projekt

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

firebase init hosting

Podczas inicjalizacji projektu w interfejsie CLI Firebase pojawia się monit:

  1. Wybierz projekt Firebase, aby połączyć się z lokalnym katalogiem projektu.

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

  2. Określ katalog, który będzie używany jako publiczny katalog główny.

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

    • Domyślny katalog główny publiczny nazywa się public .

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

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

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

  3. Wybierz konfigurację swojej witryny.

    Jeśli zdecydujesz się na utworzenie aplikacji jednostronicowej, Firebase automatycznie doda dla Ciebie konfiguracje przepisywania .

Pod koniec inicjalizacji Firebase automatycznie tworzy i dodaje dwa pliki do katalogu głównego lokalnego katalogu aplikacji:

Krok 3 : Wdróż w swojej witrynie

Aby wdrożyć w swojej witrynie, uruchom następującą komendę w katalogu głównym lokalnego katalogu projektu:

firebase deploy --only hosting

To polecenie wdraża zawartość i konfigurację hostingu w następujących subdomenach udostępnianych przez Firebase:

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

Dowiedz się więcej o wdrażaniu, a nawet lokalnym testowaniu swojej witryny .

Następne kroki

Teraz Twoja witryna jest gotowa do udostępnienia światu!