Firebase Hosting zapewnia szybki, bezpieczny i niezawodny sposób hostowania zasobów statycznych aplikacji (HTML, CSS, JavaScript, pliki multimedialne itp.), a także przesyłanie treści dynamicznych i hostowanie 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 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 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 ma być używany jako publiczny katalog główny.
Ten katalog zawiera wszystkie publicznie wyświetlane pliki statyczne, w tym plik
index.htmli inne zasoby, które chcesz wdrożyć w folderze 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 katalogu głównym publicznym nie masz jeszcze prawidłowego pliku
index.htmlani404.html, Firebase utworzy je dla Ciebie.
Wybierz konfigurację witryny.
Jeśli zdecydujesz się utworzyć aplikację jednostronicową, Firebase automatycznie doda dla Ciebie konfiguracje przekształcania.
Pod koniec 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 są przechowywane 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 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.
Stale ulepszaj swoją witrynę. Przetestuj zmiany lokalnie, udostępnij je pod adresem URL tymczasowego podglądu, a potem 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 swojego 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 Hosting panelu Wykorzystanie.
- Zapoznaj się z listą kontrolną przed wdrożeniem Firebase.