Zacznij korzystać z Hostingu Firebase

Hosting Firebase zapewnia szybki, bezpieczny i niezawodny sposób hostowania statycznych zasobów aplikacji (HTML, CSS, JavaScript, pliki multimedialne itp.), a także udostępniania treści dynamicznych i hostowania mikrousług .

Nasz hosting klasy produkcyjnej jest wspierany przez globalną sieć dostarczania treści (CDN). Hosting domyślnie obsługuje Twoje treści przez SSL i może być używany z własną domeną niestandardową lub w subdomenach Twojego projektu bez żadnych kosztów w web.app i firebaseapp.com .

Zanim zaczniesz

Zanim skonfigurujesz Hosting Firebase, musisz utworzyć projekt Firebase .

Krok 1 : Zainstaluj interfejs wiersza polecenia Firebase

Odwiedź dokumentację Firebase CLI, aby dowiedzieć się, jak zainstalować interfejs CLI lub zaktualizować go do najnowszej wersji .

Krok 2 : Zainicjuj swój projekt

Aby połączyć lokalne pliki projektu z projektem Firebase, uruchom następujące polecenie w katalogu głównym lokalnego katalogu projektu:

firebase init hosting

Podczas inicjowania projektu, z wiersza poleceń Firebase:

1. Wybierz projekt Firebase, aby połączyć się z lokalnym katalogiem projektów.

   Wybrany projekt Firebase jest Twoim „domyślnym” projektem Firebase w lokalnym katalogu projektów. Aby połączyć dodatkowe projekty Firebase z lokalnym katalogiem projektów, skonfiguruj aliasy projektów .

2. Określ katalog, który ma być używany jako publiczny katalog główny.

   Ten katalog zawiera wszystkie udostępniane publicznie pliki statyczne, w tym plik index.html i wszelkie inne zasoby, które chcesz wdrożyć w Hostingu Firebase.

   • Domyślna nazwa publicznego katalogu głównego to public .

     • Możesz określić swój publiczny katalog główny teraz lub później w pliku konfiguracyjnym firebase.json .

     • Jeśli wybierzesz wartość domyślną i nie masz jeszcze katalogu o nazwie public , Firebase utworzy go za Ciebie.

   • Jeśli nie masz jeszcze prawidłowego pliku index.html lub pliku 404.html w swoim publicznym katalogu głównym, Firebase utworzy je za Ciebie.

3. Wybierz konfigurację dla swojej witryny.

   Jeśli zdecydujesz się utworzyć aplikację jednostronicową, Firebase automatycznie doda za Ciebie konfiguracje przepisywania .

Pod koniec inicjalizacji Firebase automatycznie tworzy i dodaje dwa pliki do katalogu głównego lokalnego katalogu aplikacji:

• Plik konfiguracyjny firebase.json zawierający konfigurację Twojego projektu. Dowiedz się więcej o tym pliku na stronie konfiguracji zachowania hostingu .

• Plik .firebaserc , który przechowuje aliasy twojego projektu .

Krok 3 : Wdróż w swojej witrynie

Aby wdrożyć w swojej witrynie, uruchom następujące polecenie z katalogu głównego lokalnego katalogu projektu:

firebase deploy --only hosting

To polecenie wdraża zawartość i konfigurację Hostingu w następujących subdomenach obsługiwanych przez Firebase:

• PROJECT_ID .web.app
• PROJECT_ID .firebaseapp.com

Dowiedz się więcej o wdrożeniach, a nawet lokalnym testowaniu witryny .

Następne kroki

Teraz Twoja witryna jest gotowa do udostępnienia światu!

• Kontynuuj ulepszanie swojej witryny. Testuj lokalnie, udostępniaj zmiany pod tymczasowym adresem URL podglądu, a następnie wdrażaj w działającej witrynie. Postępuj zgodnie z tym przewodnikiem krok po kroku .

• Dowiedz się o dalszych możliwościach hostingu:

  • Skonfiguruj zachowanie hostingu
  • Połącz domenę niestandardową
  • Udostępniaj dynamiczną zawartość i hostuj mikrousługi

• Zapoznaj się z pełną dokumentacją Firebase CLI .

• Przygotuj się do uruchomienia aplikacji:

  • Skonfiguruj alerty budżetowe dla swojego projektu w Google Cloud Console.
  • Monitoruj pulpit nawigacyjny Wykorzystanie i rozliczenia w konsoli Firebase, aby uzyskać ogólny obraz wykorzystania projektu w wielu usługach Firebase. Możesz także odwiedzić pulpit nawigacyjny użytkowania hostingu, aby uzyskać bardziej szczegółowe informacje o użytkowaniu.
  • Przejrzyj listę kontrolną uruchamiania Firebase .