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ń i 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:
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.
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
ani404.html
, Firebase utworzy je dla Ciebie.
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:
Plik konfiguracji
firebase.json
zawierający konfigurację projektu. Więcej informacji o tym pliku znajdziesz na stronie Konfigurowanie zachowania hostowania.Plik
.firebaserc
, w którym przechowywane są aliasy projektu.
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.
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.
- Zapoznaj się z listą kontrolną przed wdrożeniem Firebase.