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. Zainicjuj 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 z poziomu promptów interfejsu wiersza poleceń Firebase:
Wybierz projekt Firebase, który chcesz połączyć z lokalnym katalogiem projektów.
Wybrany projekt Firebase to „domyślny” projekt Firebase w lokalnym katalogu projektu. Aby połączyć dodatkowe projekty Firebase z lokalnym katalogiem projektu, skonfiguruj aliasy projektów.
Podaj katalog, który będzie używany jako publiczny katalog główny.
Ten katalog zawiera wszystkie publicznie udostępniane pliki statyczne, w tym plik
index.htmli inne zasoby, które chcesz wdrożyć do folderu 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.jsonplik konfiguracji.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.htmlani404.html, Firebase utworzy je dla Ciebie.
Wybierz konfigurację witryny.
Jeśli utworzysz aplikację jednostronicową, Firebase automatycznie doda do niej przepisywania konfiguracji.
Po zakończeniu inicjalizacji Firebase automatycznie tworzy 2 pliki i dodaje je do głównego katalogu lokalnej aplikacji:
Plik konfiguracji
firebase.jsonzawierający konfigurację projektu. Więcej informacji o tym pliku znajdziesz na stronie Konfigurowanie zachowania hostowania.Plik
.firebaserc, w którym przechowywane są aliasy projektów.
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 Twoje treści i konfigurację Hosting do tych subdomen utworzonych w Firebase:
PROJECT_ID.web.appPROJECT_ID.firebaseapp.com
Dowiedz się więcej o wdrażaniu i testowaniu witryny lokalnie.
Dalsze kroki
Teraz możesz udostępnić swoją witrynę innym użytkownikom.
Ulepszaj swoją witrynę. Przetestuj lokalnie, udostępnij zmiany pod tymczasowym adresem URL podglądu, a następnie wprowadź je w działającej witrynie. Skorzystaj z przewodnika krok po kroku.
Dowiedz się więcej o dodatkowych możliwościach hostowania:
Zapoznaj się z pełną dokumentacją interfejsu wiersza poleceń Firebase.
Przygotuj się do uruchomienia aplikacji:
- W konsoli Google Cloud skonfiguruj alerty dotyczące budżetu dla projektu.
- Aby uzyskać ogólny obraz wykorzystania projektu w różnych usługach Firebase, monitoruj panel Dane i rozliczenia w konsoli Firebase. Więcej szczegółowych informacji o wykorzystaniu znajdziesz też w Hostingpanelu.
- Przejrzyj listę kontrolną przed uruchomieniem Firebase.