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 zawartości dynamicznej 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:
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 .
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
lub404.html
w swoim publicznym katalogu głównym, Firebase utworzy je za Ciebie.
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:
Plik konfiguracyjny
firebase.json
zawierający listę konfiguracji projektu. Dowiedz się więcej o tym pliku na stronie konfiguracji zachowania hostingu .Plik
.firebaserc
przechowujący aliasy Twojego projektu .
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!
Kontynuuj ulepszanie swojej witryny. Testuj lokalnie, udostępniaj zmiany pod tymczasowym adresem URL podglądu, a następnie wdrażaj je w działającej witrynie. Postępuj zgodnie z tym przewodnikiem krok po kroku .
Dowiedz się o dalszych możliwościach hostingu:
Zapoznaj się z pełną dokumentacją interfejsu CLI Firebase .
Przygotuj się do uruchomienia aplikacji:
- Skonfiguruj alerty budżetowe dla swojego projektu w Google Cloud Console.
- Monitoruj panel użytkowania i rozliczeń w konsoli Firebase, aby uzyskać ogólny obraz wykorzystania projektu w wielu usługach Firebase. Możesz także odwiedzić pulpit nawigacyjny wykorzystania hostingu, aby uzyskać bardziej szczegółowe informacje o użytkowaniu.
- Przejrzyj listę kontrolną uruchamiania Firebase .