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: idealna do publikowania dynamicznych aplikacji Next.js i Angular. App Hosting oferuje wbudowaną obsługę platformy, integrację z GitHubem i integrację z innymi usługami Firebase, takimi jak Firebase Authentication, Cloud FirestoreFirebase AI Logic.

    Jeśli aplikacja Next.js została opracowana za pomocą App Prototyping agent, możesz ją opublikować bezpośrednio z Firebase Studio kilkoma kliknięciami.

  • Firebase Hosting: dobrze nadaje się do hostowania aplikacji internetowych i statycznych treści internetowych (HTML, CSS, JavaScript, obrazy i inne statyczne zasoby) oraz aplikacji jednostronicowych. Firebase Hosting zapewnia szybkie dostarczanie treści za pomocą globalnej sieci CDN, bezpłatne certyfikaty SSL i obsługę niestandardowych domen.

  • Cloud Run: Użyj Cloud Run, aby wdrożyć aplikacje w kontenerach. Jest to dobry wybór do publikowania skalowalnych i przenośnych aplikacji, które mogą działać na dowolnej platformie.

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

Publikowanie i monitorowanie aplikacji za pomocą Firebase App Hosting

Po przetestowaniu aplikacji i uznaniu, że działa prawidłowo, możesz opublikować ją w internecie za pomocą Firebase App Hosting.

Gdy skonfigurujesz App Hosting, Firebase Studio utworzy dla Ciebie projekt Firebase (jeśli nie został jeszcze utworzony przez automatyczne wygenerowanie klucza Gemini API) i przeprowadzi 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 ikona App Prototyping agent wyświetla Firebase powiązany z obszarem roboczym. Jeśli podczas Gemini API generowania klucza 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 samoobsługowe.Cloud Billing 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 Twoim obszarem roboczym, który został utworzony automatycznie podczas generowania klucza Gemini API lub po kliknięciu Opublikuj.

  5. Kliknij Skonfiguruj usługi. Agent do 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ę Przegląd aplikacji z adresem URL i statystykami aplikacji opartymi na 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 jego działaniu.

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

Panel Omówienie aplikacjiFirebase Studio zawiera najważniejsze statystyki i informacje o Twojej aplikacji, dzięki czemu możesz monitorować jej wydajność za pomocą wbudowanych narzędzi do obserwacji App Hosting. Po wdrożeniu witryny możesz wyświetlić jej przegląd, klikając Opublikuj. W tym panelu możesz:

  • Kliknij Opublikuj, aby opublikować nową wersję aplikacji.
  • Udostępnij link do aplikacji lub otwórz ją bezpośrednio w sekcji Odwiedź aplikację.
  • Sprawdź podsumowanie skuteczności aplikacji w ciągu ostatnich 7 dni, w tym łączną liczbę żądań i stan najnowszego wdrożenia. Aby uzyskać więcej informacji, kliknij Wyświetl szczegóły w Firebasekonsoli.
  • Wyświetl wykres liczby żądań otrzymanych przez 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 ponownie otworzyć, klikając Opublikuj.

Dowiedz się więcej o zarządzaniu i monitorowaniu App Hostingwdrażania etapowego w artykule Zarządzanie wdrażaniem etapowym i wersjami.

Wycofywanie zmian wdrożenia App Hosting

Jeśli wdrożysz kolejne wersje aplikacji w App Hosting, możesz przywrócić jedną z wcześniejszych wersji. Możesz też usunąć tę funkcję.

  • Aby cofnąć opublikowaną witrynę:

    1. Otwórz App Hosting w Firebasekonsoli.

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

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

    Więcej informacji znajdziesz w artykule Zarządzanie wdrażaniem i wersjami.

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

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

    2. W sekcji Informacje o backendzie kliknij Zarządzaj. Otworzy się strona Domeny.

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

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

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 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 Firebase Użytkownicy i uprawnienia w konsoli. Jeśli masz pytania dotyczące dostępu do projektu Firebase, w tym o znajdowanie i przypisywanie 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 Firebase Studio obszar roboczy. Jeśli używasz App Prototyping agent, kliknij Przełącz na kod, aby otworzyć widok Code.Ikona przełącznika kodu

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

  3. Kliknij Authenticate Firebase (Uwierzytelnij Firebase) i postępuj zgodnie z instrukcjami w oknie terminala, aby uwierzytelnić konto Firebase.

  4. Kliknij Initialize Firebase Hosting i postępuj zgodnie z instrukcjami w oknie terminala, aby skonfigurować wdrożenie.

  5. Aby wdrożyć aplikację, w sekcji Firebase Hosting panelu Firebase Studio kliknij Wdróż w wersji produkcyjnej lub Wdróż na kanale.

Cloud Run

Zanim wdrożysz aplikację za pomocą Cloud Run, skonfiguruj projekt Google Cloud i włącz Cloud Billing.

  1. Otwórz Firebase Studio obszar roboczy. Jeśli używasz App Prototyping agent, kliknij Przełącz na kod, aby otworzyć widok Code.Ikona przełącznika kodu

  2. W panelu nawigacji kliknij ikonę Firebase Studio, aby otworzyć panel Firebase Studio, a następnie kliknij Wdróż w Cloud Run.

  3. Kliknij Zezwól temu obszarowi roboczemu na dostęp do zasobów Google Cloud za pomocą mojego konta Google, a następnie w oknach dialogowych wybierz projekt Google Cloud z włączonymi płatnościami.

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

  5. Kliknij Wdróż i postępuj zgodnie z instrukcjami, aby skonfigurować wdrożenie i wdrożyć aplikację.

Dalsze kroki