使用 Firebase Studio 發布應用程式

Firebase Studio 提供多種發布選項,您可以選擇最符合專案需求的方法。以下是可用選項的總覽:

  • Firebase App Hosting:適合發布動態 Next.js 和 Angular 應用程式,App Hosting 提供內建架構支援、GitHub 整合功能,以及與其他 Firebase 產品 (例如 Firebase AuthenticationCloud FirestoreFirebase AI Logic) 的整合功能。

    如果您使用 App Prototyping agent 開發 Next.js 應用程式,只要按幾下滑鼠,就能直接從 Firebase Studio 發布。

  • Firebase Hosting非常適合用於代管網頁應用程式和靜態網頁內容 (HTML、CSS、JavaScript、圖片和其他靜態資產) 和單頁應用程式。Firebase Hosting 透過全球 CDN 提供快速的內容傳遞服務、免費 SSL 憑證,以及自訂網域支援。

  • Cloud Run使用 Cloud Run 部署容器化應用程式。這個選項適合發布可擴充及可攜式的應用程式,可在任何平台上執行。

  • 其他部署選項:部署至您選擇的代管解決方案,包括其他平台或您自己的伺服器。

使用 Firebase App Hosting 發布及監控應用程式

在工作區中測試應用程式並對結果感到滿意後,即可使用 Firebase App Hosting 將應用程式發布至網路。

設定 App Hosting 時,Firebase Studio 會為您建立 Firebase 專案 (如果系統尚未透過自動產生 Gemini API 金鑰建立專案),並引導您連結 Cloud Billing 帳戶。

如要發布應用程式,請按照下列步驟操作:

  1. 按一下「發布」,設定 Firebase 專案並發布應用程式。畫面上會顯示「發布應用程式」窗格。

  2. 在「Firebase 專案」步驟中,App Prototyping agent 會顯示與 Workspace 相關聯的 Firebase。如果系統在Gemini API金鑰產生期間未建立專案,就會為您建立新專案。按一下「Next」(下一步)繼續操作。

  3. 在「連結 Cloud Billing 帳戶」步驟中,選擇下列其中一個選項:

    • 選取要連結至 Firebase 專案的 Cloud Billing 帳戶。

    • 如果沒有 Cloud Billing 帳戶,或想建立新帳戶,請按一下「建立 Cloud Billing 帳戶」。系統會開啟 Google Cloud 控制台,您可以在其中建立新的自助式帳戶Cloud Billing建立帳戶後,請返回 Firebase Studio,然後從「連結 Cloud Billing清單中選取帳戶。

  4. 點選「繼續」Firebase Studio 將帳單帳戶連結至與工作區相關聯的專案,該專案是在您自動產生 Gemini API 金鑰或點選「發布」時建立。

  5. 點按「設定服務」,應用程式原型製作代理程式會開始佈建 Firebase 服務。

  6. 按一下「立即發布」Firebase Studio 會設定 Firebase 服務。這項作業可能需要幾分鐘才能完成。 如要進一步瞭解幕後作業,請參閱「App Hosting 建構程序」。

  7. 發布步驟完成後,系統會顯示「應用程式總覽」,其中包含網址和由 App Hosting 可觀測性技術提供的應用程式洞察資料。如要使用自訂網域 (例如 example.com 或 app.example.com) 取代 Firebase 產生的網域,可以在 Firebase 控制台中新增自訂網域

如要進一步瞭解 App Hosting,請參閱「瞭解 App Hosting 和運作方式」。

使用 App Hosting 可觀測性監控應用程式

Firebase Studio 的「應用程式總覽」面板會提供應用程式的重要指標和資訊,讓您使用 App Hosting 的內建可觀測性工具監控網頁應用程式的效能。網站推出後,按一下「發布」即可存取總覽。您可以在這個面板中執行下列操作:

  • 按一下「發布」,發布新版應用程式。
  • 分享應用程式連結,或直接在「前往您的應用程式」中開啟應用程式。
  • 查看應用程式過去 7 天的成效摘要,包括請求總數和最新推出版本的狀態。按一下「查看詳細資料」,即可在 Firebase 控制台中查看更多資訊。
  • 查看應用程式在過去 24 小時內收到的要求數圖表,並依 HTTP 狀態碼細分。

如果關閉「應用程式總覽」面板,隨時可以點選「發布」重新開啟。

如要進一步瞭解如何管理及監控App Hosting推出作業,請參閱「管理推出作業和發布版本」。

復原 App Hosting 網站

如果您已將連續多個版本的應用程式部署至 App Hosting,可以將應用程式還原為先前的版本。你也可以移除這個擴充功能。

  • 如要復原已發布的網站,請按照下列步驟操作:

    1. Firebase控制台中開啟 App Hosting

    2. 找出應用程式的後端,依序點選「查看」和「推出」

    3. 在要還原的部署作業旁邊,按一下「更多」 ,然後選擇「Roll back to this build」(還原至這個版本),並確認。

    詳情請參閱「管理推出和發布作業」。

  • 如要從網頁移除 App Hosting 網域,請按照下列步驟操作:

    1. Firebase 控制台中,開啟 App Hosting,然後在 Firebase Studio 應用程式部分中點選「查看」

    2. 在「後端資訊」部分,按一下「管理」。系統會載入「網域」頁面。

    3. 在網域旁邊,依序點選「更多」「停用網域」,然後確認。

    這樣做會從網路上移除網域。如要完全移除後端,請按照「刪除後端」一文中的操作說明進行。App Hosting

Firebase Hosting

您可以從 Firebase Studio 工作區將網頁應用程式發布至 Firebase Hosting。將網頁應用程式發布至 Firebase Hosting 前,請先建立 Firebase 專案並註冊應用程式

如果沒有所需的 Firebase 專案權限,可以請 Firebase 專案擁有者在Firebase控制台的「使用者和權限」頁面中,指派適用的角色給你。 如果您對存取 Firebase 專案有任何疑問,包括如何尋找或指派擁有者,請參閱「Firebase 專案的權限和存取權」。

如要從 Firebase StudioFirebase Hosting 上部署應用程式,請按照下列步驟操作:

  1. 開啟工作區 Firebase Studio。如果您使用 App Prototyping agent,請按一下「切換至程式碼」,開啟 Code 檢視畫面。程式碼切換圖示

  2. 按一下導覽窗格中的 Firebase Studio 圖示,開啟 Firebase Studio 面板並展開 Firebase Hosting 區段。

  3. 按一下「Authenticate Firebase」,然後按照終端機視窗中的提示驗證 Firebase 帳戶。

  4. 按一下「Initialize Firebase Hosting,然後按照「終端機」視窗中的提示設定部署設定。

  5. 如要部署應用程式,請在「Firebase Studio」面板的「Firebase Hosting部分中,按一下「Deploy to Production」(部署至正式版) 或「Deploy to Channel」(部署至管道)

Cloud Run

使用 Cloud Run 部署前,請務必設定 Google Cloud 專案並啟用 Cloud Billing

  1. 開啟工作區 Firebase Studio。如果您使用 App Prototyping agent,請按一下「切換至程式碼」,開啟 Code 檢視畫面。程式碼切換圖示

  2. 按一下導覽窗格中的 Firebase Studio 圖示,開啟 Firebase Studio 面板,然後按一下「部署至 Cloud Run

  3. 選取「允許這個工作區使用我的 Google 帳戶存取 Google Cloud 資源」,然後從對話方塊視窗中選取已啟用帳單的 Google Cloud 專案。

  4. 按一下「Firebase Studio」面板「Cloud Run」部分中的「驗證」,然後按照提示進行驗證。

  5. 按一下「Deploy」,然後按照提示設定部署設定並部署應用程式。

後續步驟