Firebase Hosting zapewnia szybki, bezpieczny i niezawodny sposób hostowania statycznych zasobów 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 w subdomenach projektu bez dodatkowych opłat w usługach web.app i firebaseapp.com.
Zanim zaczniesz
Zanim skonfigurujesz Firebase Hosting, musisz utworzyć projekt Firebase.
Krok 1. Zainstaluj interfejs Firebase
Więcej informacji o tym, jak zainstalować interfejs wiersza poleceń lub zaktualizować go do najnowszej wersji, znajdziesz w Firebasedokumentacji interfejsu wiersza poleceń.
Krok 2. Zainicjuj projekt
Aby połączyć lokalne pliki projektu z projektem Firebase, uruchom to polecenie w katalogu głównym lokalnego projektu:
firebase init hosting
Podczas inicjowania projektu w wierszu poleceń Firebase:
Wybierz projekt Firebase, który chcesz połączyć z lokalnym katalogiem projektu.
Wybrany projekt Firebase jest „domyślnym” projektem Firebase w lokalnym katalogu projektu. Aby połączyć dodatkowe projekty Firebase z lokalnym katalogiem projektu, skonfiguruj aliasy projektów.
Określ 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.htmli inne zasoby, które chcesz wdrożyć w Firebase Hosting.Domyślny katalog główny publiczny ma nazwę
public.Możesz teraz określić publiczny katalog główny lub zrobić to później w pliku konfiguracji
firebase.json.Jeśli wybierzesz domyślny katalog i nie masz jeszcze katalogu o nazwie
public, Firebase utworzy go za Ciebie.
Jeśli w publicznym katalogu głównym nie masz jeszcze prawidłowego pliku
index.htmllub pliku404.html, Firebase utworzy je za Ciebie.
Wybierz konfigurację witryny.
Jeśli zdecydujesz się utworzyć aplikację jednostronicową, Firebase automatycznie doda konfiguracje przepisywania.
Po zakończeniu inicjalizacji Firebase automatycznie tworzy i dodaje 2 pliki do katalogu głównego lokalnej aplikacji:
firebase.jsonplik konfiguracji, który zawiera konfigurację projektu; Więcej informacji o tym pliku znajdziesz na stronie konfigurowania działania hostingu.Plik
.firebaserc, w którym są przechowywane aliasy projektu.
Krok 3. Wdróż na stronie
Aby wdrożyć projekt w witrynie, uruchom to polecenie w katalogu głównym lokalnego projektu:
firebase deploy --only hosting
To polecenie wdraża zawartość i konfigurację Hosting w tych poddomenach udostępnionych przez Firebase:
PROJECT_ID.web.appPROJECT_ID.firebaseapp.com
Dowiedz się więcej o wdrażaniu i lokalnym testowaniu witryny.
Dalsze kroki
Możesz już udostępnić swoją witrynę całemu światu.
Stale ulepszaj swoją witrynę. 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ę więcej o innych możliwościach hostowania:
Zapoznaj się z pełną dokumentacją Firebaseinterfejsu wiersza poleceń.
Przygotuj się do uruchomienia aplikacji:
- Skonfiguruj alerty dotyczące budżetu w projekcie w konsoli Google Cloud.
- Monitoruj panel Wykorzystanie i rozliczenia w Firebase konsoli, aby uzyskać ogólny obraz wykorzystania usług Firebase w projekcie. Szczegółowe informacje o wykorzystaniu znajdziesz też w Hosting panelu Wykorzystanie.
- Zapoznaj się z listą kontrolną dotyczącą uruchamiania Firebase.