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: App Hosting to idealne rozwiązanie do publikowania dynamicznych aplikacji Next.js i Angular. Oferuje wbudowane wsparcie dla frameworków, integrację z GitHubem oraz z innymi usługami Firebase, takimi jak Firebase Authentication, Cloud FirestoreFirebase AI Logic.

    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

Gdy przetestujesz aplikację i będziesz zadowolony z jej działania na komputerze, możesz ją opublikować w internecie za pomocą Firebase App Hosting.

Gdy konfigurujesz App Hosting, Firebase Studio tworzy dla Ciebie projekt Firebase (jeśli nie został on jeszcze utworzony przez automatyczne wygenerowanie klucza Gemini API) i prowadzi Cię przez proces łączenia konta Cloud Billing.

Aby opublikować aplikację:

  1. Kliknij Opublikuj, aby skonfigurować projekt Firebase i opublikować aplikację. Pojawi się panel Opublikuj aplikację.

  2. W kroku Projekt Firebase App Prototyping agent wyświetla projekt Firebase powiązany z przestrzenią roboczą. Jeśli podczas generowania klucza Gemini API nie utworzono projektu, zostanie utworzony nowy projekt. Aby kontynuować, 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 wybierz je z listy Połącz Cloud Billing.

  4. Kliknij Dalej. Firebase Studio łączy konto rozliczeniowe z projektem powiązanym z Twoją pracą zespołową, utworzonym podczas automatycznego wygenerowania klucza Gemini API lub kliknięcia Opublikuj.

  5. Kliknij Skonfiguruj usługi. Agent prototypowania aplikacji rozpoczyna udostępnianie usług Firebase.

  6. Kliknij Opublikuj teraz. Firebase Studio konfiguruje usługi Firebase. Może to potrwać kilka minut. Więcej informacji o tym, co dzieje się w tle, znajdziesz w artykule Proces kompilacji App Hosting.

  7. Po zakończeniu publikowania pojawi się strona Przegląd aplikacji z adresem URL i statystykami aplikacji generowanymi przez 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 Przegląd aplikacjiFirebase Studio zawiera najważniejsze dane i informacje o aplikacji, dzięki czemu możesz monitorować wydajność aplikacji internetowej za pomocą wbudowanych narzędzi do obserwacji w App Hosting. Po wdrożeniu witryny możesz uzyskać dostęp do przeglądu, klikając Opublikuj. W tym panelu możesz:

  • Aby opublikować nową wersję aplikacji, kliknij Opublikuj.
  • 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 najnowszego 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 każdej chwili otworzyć ponownie, klikając Opublikuj.

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

wycofać zmiany w witrynie App Hosting,

Jeśli w aplikacji App Hosting zostały wdrożone 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ę.

App Prototyping agent

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 użytkownika 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 sekcji Cloud Run w panelu Firebase Studio kliknij Uwierzytelnij 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