Pierwsze kroki z Hostingiem Firebase

Firebase Hosting to szybki, bezpieczny i niezawodny sposób przechowywania zasobów statycznych aplikacji (HTML, CSS, JavaScript, pliki multimedialne itp.), a także wyświetlanie treści dynamicznych i mikroserwisów hosta.

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. Inicjuj projekt

Aby połączyć pliki projektu lokalnego z projektem Firebase, uruchom to polecenie w katalogu 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 jest „domyślnym” projektem Firebase dla lokalnego katalogu projektów. 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 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 wdrożyć stronę, uruchom to polecenie w katalogu głównym lokalnego katalogu projektu:

firebase deploy --only hosting

To polecenie wdraża i konfiguruje zawartość i konfigurację usługi Hosting w tych subdomenach obsługiwanych przez 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.