웹 앱 모니터링

컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.

앱을 게시한 후 다음과 같이 모니터링할 수 있습니다.

• Firebase Hosting로 게시하는 경우 Firebase 프로젝트를 Cloud Logging에 연결하여 사용량을 모니터링하고 웹 요청 로그에 액세스할 수 있습니다. Cloud Logging로 웹 요청 로그 보기, 검색, 필터링에서 자세히 알아보세요.

• App Prototyping agent를 사용하여 Firebase App Hosting로 게시하는 경우 관측 가능성 기능을 사용하여 웹사이트의 성능을 모니터링할 수 있습니다. Cloud Logging에 로그를 작성하고 Firebase 콘솔에서 로그 및 측정항목을 볼 수도 있습니다.

• Genkit를 사용하여 앱에서 AI를 사용하는 경우 프로덕션에서 생성형 AI 기능이 실행되는 방식을 모니터링할 수 있습니다.

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. 탐색기에서 src > ai > flows를 펼칩니다. Genkit 흐름이 포함된 TypeScript 파일이 하나 이상 flows 폴더에 표시됩니다.

6. 흐름 중 하나를 클릭하여 엽니다.

7. 파일의 가져오기 섹션 하단에 다음을 추가하여 FirebaseTelemetry를 가져오고 사용 설정합니다.

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

2단계: 권한 설정

Firebase Studio는 Firebase 프로젝트를 설정할 때 필요한 API를 사용 설정했지만 App Hosting 서비스 계정에 권한을 제공해야 합니다.

권한을 설정하려면 다음 단계를 따르세요.

1. Google Cloud IAM 콘솔을 열고 프로젝트를 선택한 다음 앱 호스팅 서비스 계정에 다음 역할을 부여합니다.

   • 모니터링 측정항목 작성자 (roles/monitoring.metricWriter)
   • Cloud Trace 에이전트 (roles/cloudtrace.agent)
   • 로그 작성자 (roles/logging.logWriter)

2. App Hosting에 앱을 다시 게시합니다.

3. 게시가 완료되면 앱을 로드하고 사용을 시작합니다. 5분이 지나면 앱에서 원격 분석 데이터 로깅을 시작해야 합니다.

3단계: Firebase 콘솔에서 생성형 AI 기능 모니터링하기

원격 분석이 구성되면 Genkit는 모든 흐름의 요청 수, 성공 여부, 지연 시간을 기록하고, 각 흐름에 대해 안정성 측정항목을 수집하고, 세부 그래프를 표시하고, 캡처된 트레이스를 로깅합니다.Genkit

Genkit로 구현된 AI 기능을 모니터링하려면 다음 단계를 따르세요.

1. 5분 후 Firebase 콘솔에서 Genkit를 열고 Genkit의 프롬프트와 응답을 검토합니다.

   Genkit는 다음 안정성 측정항목을 컴파일합니다.

   • 총 요청 수: 흐름에서 수신한 총 요청 수입니다.
   • 성공률: 성공적으로 처리된 요청의 비율입니다.
   • 95번째 백분위수 지연 시간: 흐름의 95번째 백분위수 지연 시간으로, 요청의 95% 가 처리되는 데 걸리는 시간입니다.

   • 토큰 사용량:

     • 입력 토큰: 프롬프트에서 모델에 전송된 토큰 수입니다.
     • 출력 토큰: 응답에서 모델에 의해 생성된 토큰 수입니다.

   • 이미지 사용:

     • 입력 이미지: 프롬프트에서 모델로 전송된 이미지 수입니다.
     • 출력 이미지: 응답에서 모델이 생성한 이미지 수입니다.

   안정성 측정항목을 펼치면 세부적인 그래프를 사용할 수 있습니다.

   • 시간 경과에 따른 요청 볼륨
   • 시간 경과에 따른 성공률
   • 시간 경과에 따른 입력 및 출력 토큰
   • 시간 경과에 따른 지연 시간 (95번째 및 50번째 백분위수)

Genkit에서 Genkit에 대해 자세히 알아보세요.

다음 단계

• Firebase Studio 작업공간 맞춤설정

• App Prototyping agent를 사용하여 풀 스택 웹 앱을 개발, 게시, 모니터링합니다.