Firebase Hosting to 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). 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. Zainicjuj projekt
Aby połączyć pliki projektu lokalnego z projektem Firebase, uruchom to polecenie w 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 projektów, 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 konfigurowania działania hostingu.Plik
.firebaserc
, w którym przechowywane są aliasy projektu.
Krok 3. Wdróż w swojej witrynie
Aby przeprowadzić wdrożenie w witrynie, uruchom to polecenie w głównym katalogu projektu lokalnego:
firebase deploy --only hosting
To polecenie wdraża Twoje treści i konfigurację Hosting do tych subdomen utworzonych w Firebase:
PROJECT_ID.web.app
PROJECT_ID.firebaseapp.com
Dowiedz się więcej o wdrożeniach, a nawet testowaniu lokalnym witryny.
Dalsze kroki
Teraz możesz udostępnić swoją witrynę innym użytkownikom.
Stale 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.
- Monitoruj wykorzystanie i płatności panel w konsoli Firebase, aby mieć ogólny obraz wykorzystania projektu w wielu usługach Firebase. Więcej szczegółowych informacji o wykorzystaniu znajdziesz też w Hostingpanelu.
- Zapoznaj się z listą kontrolną przed wdrożeniem Firebase.