監控網頁應用程式

發布應用程式後，您可以監控應用程式：

使用 App Hosting 可觀察性監控網站效能

App Hosting「應用程式總覽」面板會提供應用程式的重點指標和相關資訊，讓您使用 App Hosting 內建的可觀察性工具監控網頁應用程式的效能。網站推出後，您可以按一下「發布」，查看總覽。您可以透過這個面板執行下列操作：

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

如果關閉「應用程式總覽」面板，您隨時可以按一下「發布」重新開啟。

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

Genkit 監控已部署的功能

您可以為 AI 流程程式碼啟用遙測功能，監控 Genkit 功能步驟、輸入和輸出內容。Genkit 的遙測功能可讓您監控 AI 流程的效能和用量。這項資料有助於您找出可改善的部分、排除問題、改善提示和流程以提升成效和成本效益，以及追蹤流程的使用情形。

如要在 Genkit 中設定監控功能，請在 Genkit AI 流程中新增遙測資料，然後在 Firebase 主控台中查看結果。

步驟 1：在 Firebase Studio 中將遙測資料新增至 Genkit 流程程式碼

如要在程式碼中設定監控功能，請按照下列步驟操作：

  1. 如果您尚未在 Code 檢視畫面中，請按一下 程式碼切換圖示「切換至程式碼」開啟。

  2. 檢查 package.json，確認已安裝的 Genkit 版本。

  3. 開啟終端機 (Ctrl-Shift-C，或在 macOS 中為 Cmd-Shift-C)。

  4. 按一下終端機內的按鈕，然後使用與 package.json 檔案相符的版本安裝 Firebase 外掛程式。舉例來說，如果 package.json 中的 Genkit 套件為 1.0.4，您應執行下列指令來安裝外掛程式：

    npm i --save @genkit-ai/firebase@1.0.4

  5. 在「Explorer」中展開 src > ai > flows。flows 資料夾中會顯示一或多個包含 Genkit 流程的 TypeScript 檔案。

  6. 按一下其中一個流程即可開啟。

  7. 在檔案的匯入項目部分底部，新增下列程式碼來匯入及啟用 FirebaseTelemetry：

    import { enableFirebaseTelemetry } from '@genkit-ai/firebase';

enableFirebaseTelemetry();

步驟 2：設定權限

Firebase Studio 在設定 Firebase 專案時會為您啟用必要 API，但您也需要為 App Hosting 服務帳戶提供權限。

如要設定權限，請按照下列步驟操作：

  1. 開啟 Google Cloud IAM 控制台，選取專案，然後將下列角色授予 App Hosting 服務帳戶：

    • Monitoring 指標寫入者 (roles/monitoring.metricWriter)
    • Cloud Trace Agent (roles/cloudtrace.agent)
    • Logs Writer (roles/logging.logWriter)

  2. 重新發布應用程式至 App Hosting。

  3. 發布完成後，請載入應用程式並開始使用。五分鐘後，應用程式應會開始記錄遙測資料。

步驟 3：在 Firebase 控制台上監控生成式 AI 功能

設定遙測功能後，Genkit 會記錄所有流量的要求數量、成功率和延遲時間，並針對每個特定流量收集穩定性指標、顯示詳細圖表，以及記錄擷取的追蹤記錄。Genkit

如要監控使用 Genkit 實作的 AI 功能，請按照下列步驟操作：

  1. 五分鐘後，請在 Firebase 控制台中開啟 Genkit，並查看 Genkit 的提示和回應。

    Genkit 會編譯下列穩定性指標：

    • 請求總數：流程收到的請求總數。
    • 成功率：成功處理的要求百分比。
    • 第 95 個百分位數的延遲時間：流程的第 95 個百分位數延遲時間，也就是處理 95% 要求所需的時間。

    • 權杖用途：

      • 輸入符記：在提示中傳送至模型的符記數量。
      • 輸出符號：模型在回覆中產生的符號數量。

    • 圖片使用權：

      • 輸入圖片：在提示中傳送至模型的圖片數量。
      • 輸出圖片：模型在回應中產生的圖片數量。

    展開穩定性指標後，您可以查看詳細圖表：

    • 要求量隨時間變化。
    • 成功率隨時間變化。
    • 輸入和輸出符記隨時間變化。
    • 延遲時間 (第 95 和 50 個百分位數) 隨時間變化。

如要進一步瞭解 Genkit，請前往 Genkit。

後續步驟