Publikowanie aplikacji za pomocą Firebase Studio

Firebase Studio oferuje wiele opcji publikowania, dzięki czemu możesz wybrać metodę, która najlepiej odpowiada potrzebom Twojego projektu. Oto przegląd dostępnych opcji:

  • Firebase App Hosting: idealny do publikowania dynamicznych aplikacji Next.js i Angular. App Hosting oferuje wbudowane wsparcie dla frameworków, integrację z GitHubem oraz z innymi usługami Firebase, takimi jak Firebase Authentication, Cloud FirestoreVertex AI in Firebase.

    Jeśli aplikację Next.js została opracowana za pomocą biblioteki App Prototyping agent, możesz opublikować ją bezpośrednio z poziomu Firebase Studio w zaledwie kilka kliknięć.

  • Firebase Hosting: odpowiedni do hostowania aplikacji internetowych i statycznych treści internetowych (HTML, CSS, JavaScript, obrazy i inne zasoby statyczne) oraz aplikacji jednostronicowych. Firebase Hosting zapewnia szybkie dostarczanie treści za pomocą globalnej sieci CDN, bezpłatnych certyfikatów SSL i obsługi niestandardowych domen.

  • Cloud Run: użyj Cloud Run do wdrożenia aplikacji w kontenerze. Jest to dobry wybór do publikowania skalowanych i przenośnych aplikacji, które mogą działać na dowolnej platformie.

  • Inne opcje wdrażania: wdróż na wybranym przez siebie rozwiązaniu hostingowym, w tym na innych platformach lub na własnym serwerze.

Publikowanie i monitorowanie aplikacji za pomocą Firebase App Hosting

Jeśli utworzysz aplikację za pomocą App Prototyping agent, możesz ją opublikować w Firebase App Hosting bezpośrednio z Firebase Studio.

Publikowanie aplikacji za pomocą App Hosting

Podczas konfigurowania App Hosting usługa Firebase Studio utworzy dla Ciebie projekt Firebase i przejrzy z Tobą proces łączenia konta Cloud Billing.

Aby opublikować aplikację w usłudze Firebase App Hosting:

  1. Kliknij Opublikuj, aby utworzyć nowy projekt Firebase i rozpocząć konfigurowanie App Hosting. Pojawi się panel Publikowanie aplikacji.

  2. W kroku Projekt Firebase zapisz nazwę utworzonego dla Ciebie projektu Firebase, a potem kliknij Dalej.

  3. W kroku Połącz konto Cloud Billing wybierz jedną z tych opcji:

    • Wybierz konto Cloud Billing, które chcesz połączyć z projektem Firebase.

    • Jeśli nie masz konta Cloud Billing lub chcesz utworzyć nowe, kliknij Utwórz konto Cloud Billing. Spowoduje to otwarcie konsoli Google Cloud, w której możesz utworzyć nowe konto Cloud Billing z samoobsługą. Po utworzeniu konta wróć na stronę Firebase Studio i na liście Połącz Cloud Billing wybierz to konto.

  4. Kliknij Dalej. Firebase Studio łączy konto rozliczeniowe z projektem powiązanym z Twoją pracą zespołową, utworzonym podczas automatycznego wygenerowania klucza Firebase Studio lub kliknięcia Opublikuj.Gemini API Następnie App Hostingskonfiguruje w Google Cloud w pełni zarządzane środowisko dla Twojej aplikacji.

  5. Kliknij Utwórz pierwsze wdrożenie. Firebase Studio rozpoczyna wdrażanie wersji App Hosting. Może to potrwać do 10 minut. Więcej informacji o tym, co dzieje się w tle, znajdziesz w artykule Proces kompilacji App Hosting.

  6. Po zakończeniu wdrażania pojawi się strona Przegląd aplikacji z linkiem URL i statystykami dotyczącymi aplikacji, które są generowane na podstawie możliwości monitorowania App Hosting. Aby zamiast domeny wygenerowanej przez Firebase używać domeny niestandardowej (np. example.com lub app.example.com), możesz dodać domenę niestandardową w konsoli Firebase.

Więcej informacji o App Hosting znajdziesz w artykule Informacje o App Hosting i o tym, jak działa.

Monitorowanie aplikacji za pomocą usługi App Hosting dostrzegalności

Panel App Hosting Przegląd aplikacji zawiera najważniejsze dane i informacje o aplikacji, dzięki czemu możesz monitorować wydajność aplikacji internetowej za pomocą wbudowanych narzędzi do monitorowania App Hosting. Po wdrożeniu witryny możesz otworzyć jej przegląd, klikając Opublikuj. W tym panelu możesz:

  • Aby opublikować nową wersję aplikacji, kliknij Utwórz wersję.
  • Udostępnij link do aplikacji lub otwórz ją bezpośrednio w sekcji Otwórz aplikację.
  • Przejrzyj podsumowanie skuteczności aplikacji w ciągu ostatnich 7 dni, w tym łączną liczbę żądań i stan ostatniego wdrożenia. Aby uzyskać dostęp do jeszcze większej ilości informacji w Firebase konsoli, kliknij Wyświetl szczegóły.
  • Wyświetl wykres liczby żądań otrzymanych przez Twoją aplikację w ciągu ostatnich 24 godzin, podzielonych według kodu stanu HTTP.

Jeśli zamkniesz panel Przegląd aplikacji, możesz go w dowolnym momencie otworzyć ponownie, klikając Opublikuj.

Więcej informacji o zarządzaniu wdrożeniami App Hosting i ich monitorowaniu znajdziesz w artykule Zarządzanie wdrożeniami i wersjami.

wycofać zmiany w witrynie App Hosting,

Jeśli w aplikacji App Hosting wdrożyłeś kolejne wersje, możesz przywrócić jedną z tych wcześniejszych wersji. Możesz je też usunąć.

  • Aby cofnąć opublikowaną witrynę:

    1. Otwórz App Hosting w konsoli Firebase.

    2. Odszukaj backend aplikacji, kliknij Wyświetl, a potem Wdrożenia.

    3. Obok wdrożenia, do którego chcesz przywrócić poprzedni stan, kliknij Więcej , a następnie wybierz Przywróć stan z tej wersji i potwierdź.

    Więcej informacji znajdziesz w artykule Zarządzanie wdrożeniami i wersjami.

  • Aby usunąć domenę App Hosting z sieci:

    1. W konsoli Firebase otwórz App Hosting i w sekcji aplikacji Firebase Studio kliknij Wyświetl.

    2. W sekcji Informacje o zapleczu kliknij Zarządzaj. Wczytuje się strona Domains (Domeny).

    3. Obok swojej domeny kliknij Więcej , a następnie wybierz Wyłącz domenę i potwierdź.

    Spowoduje to usunięcie Twojej domeny z Internetu. Aby całkowicie usunąć backendApp Hosting, postępuj zgodnie z instrukcjami w artykule Usuwanie backendu.

Firebase Hosting

Aplikacje internetowe możesz publikować w Firebase Hosting z obszaru roboczego Firebase Studio. Zanim opublikujesz aplikację internetową w Firebase Hosting, utwórz projekt Firebase i zarejestruj w nim aplikację.

Jeśli nie masz wymaganych uprawnień do projektu Firebase, możesz poprosić właściciela projektu Firebase o przypisanie Ci odpowiedniej roli na stronie FirebaseUżytkownicy i uprawnienia w konsoli. Jeśli masz pytania dotyczące dostępu do projektu Firebase, w tym znajdowania lub przypisywania właściciela, zapoznaj się z artykułem Uprawnienia i dostęp do projektów Firebase.

Aby wdrożyć aplikację na urządzeniu Firebase Hosting z urządzenia Firebase Studio:

  1. Otwórz obszar roboczy Firebase Studio. Jeśli używasz widoku App Prototyping agent, kliknij Ikona przełącznika kodu Przejdź do widoku kodu, aby otworzyć widok Code.

  2. W panelu nawigacyjnym kliknij ikonę Firebase Studio, aby otworzyć panel Firebase Studio i rozwinąć sekcję Firebase Hosting.

  3. Kliknij Uwierzytelnij Firebase i postępuj zgodnie z instrukcjami wyświetlanymi w oknie terminala, aby uwierzytelnić konto Firebase.

  4. Aby skonfigurować konfigurację wdrożenia, kliknij Inicjalizuj Firebase Hosting i postępuj zgodnie z instrukcjami wyświetlanymi w oknie terminala.

  5. Aby wdrożyć aplikację, w panelu Firebase Studio kliknij Wdróż na ścieżkę produkcyjną lub Wdróż na kanał w sekcji Firebase Hosting.

Cloud Run

Zanim wdrożysz usługę za pomocą Cloud Run, utwórz projekt Google Cloud i włącz Cloud Billing.

  1. Otwórz obszar roboczy Firebase Studio. Jeśli używasz widoku App Prototyping agent, kliknij Ikona przełącznika kodu Przejdź do widoku kodu, aby otworzyć widok Code.

  2. W panelu użytkownika kliknij ikonę Firebase Studio, aby otworzyć panel Firebase Studio, a potem kliknij Wdrożyć w Cloud Run.

  3. W oknach dialogowych wybierz Zezwalaj temu workspace na dostęp do zasobów Google Cloud za pomocą mojego konta Google, a następnie wybierz projekt Google Cloud z włączoną funkcją płatności.

  4. W panelu Firebase Studio kliknij Uwierzytelnij w sekcji Cloud Run i postępuj zgodnie z instrukcjami.

  5. Kliknij Wdróż i postępuj zgodnie z instrukcjami, aby skonfigurować konfigurację wdrożenia i wdrażać aplikację.

Dalsze kroki