Pierwsze kroki z Hostingiem Firebase

Firebase Hosting to 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 z subdomenami Twojego projektu bezpłatnie na web.app i firebaseapp.com.

Zanim zaczniesz

Zanim skonfigurujesz Firebase Hosting, musisz utworzyć projekt Firebase.

Krok 1. Zainstaluj interfejs wiersza poleceń Firebase.

Więcej informacji o instalowaniu interfejsu wiersza poleceńaktualizowaniu go do najnowszej wersji znajdziesz w dokumentacji Firebase.

Krok 2. Zainicjuj projekt

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

firebase init hosting

Podczas inicjowania projektu w interfejsie wiersza poleceń Firebase:

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

    Wybrany projekt Firebase to „domyślny” projekt Firebase w lokalnym katalogu projektu. Aby połączyć dodatkowe projekty Firebase z lokalnym katalogiem projektów, skonfiguruj aliasy projektów.

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

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

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

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

      • Jeśli wybierzesz domyślną opcję i nie masz jeszcze katalogu o nazwie public, Firebase utworzy go dla 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ę utworzyć aplikację jednostronicową, Firebase automatycznie doda dla Ciebie konfiguracje przekształcania.

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

Krok 3. Wdróż w swojej witrynie

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

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 wdrożeniach, a nawet testowaniu lokalnym witryny.

Dalsze kroki

Teraz możesz udostępnić swoją witrynę innym użytkownikom.