Flutter용 성능 모니터링 시작하기

이 빠른 시작에서는 Flutter 앱의 성능 특성에 대한 통찰력을 얻는 데 도움이 되도록 Firebase 성능 모니터링을 설정하는 방법을 설명합니다.

시작하기 전에

아직 하지 않았다면 Flutter 프로젝트에서 Firebase를 구성하고 초기화 합니다.

1단계 : 앱에 성능 모니터링 추가

  1. Flutter 프로젝트의 루트 디렉터리에서 다음 명령을 실행하여 Performance Monitoring Flutter 플러그인을 설치합니다.

    flutter pub add firebase_performance
    
  2. Flutter 프로젝트의 루트 디렉터리에서 다음 명령을 실행합니다.

    flutterfire configure
    

    이 명령을 실행하면 Flutter 앱의 Firebase 구성이 최신 상태인지 확인하고 Android의 경우 필수 Performance Monitoring Gradle 플러그인을 앱에 추가합니다.

  3. 완료되면 Flutter 프로젝트를 다시 빌드하십시오.

    flutter run
    

Performance Monitoring SDK를 추가하면 Firebase에서 앱의 수명 주기와 관련된 데이터(예: 앱 시작 시간 ) 및 HTTP/S 네트워크 요청 에 대한 데이터 수집을 자동으로 시작합니다.

Flutter에서는 개별 Flutter 화면에 대한 자동 화면 렌더링 성능 모니터링이 불가능합니다. 단일 보기 컨트롤러는 기본적으로 기본 Firebase SDK가 화면 전환을 인식하지 못하도록 전체 Flutter 애플리케이션을 기본적으로 캡슐화합니다.

2단계 : 초기 데이터 표시를 위한 성능 이벤트 생성

앱에 SDK를 성공적으로 추가하면 Firebase에서 이벤트 처리를 시작합니다. 아직 로컬에서 개발 중인 경우 앱과 상호 작용하여 초기 데이터 수집 및 처리를 위한 이벤트를 생성합니다.

  1. 시뮬레이터 또는 테스트 장치를 사용하여 앱을 계속 개발하십시오.

  2. 앱을 백그라운드와 포그라운드 간에 여러 번 전환하고, 화면을 탐색하여 앱과 상호 작용하고, 네트워크 요청을 트리거하여 이벤트를 생성합니다.

  3. Firebase 콘솔의 성능 대시보드 로 이동합니다. 몇 분 안에 초기 데이터가 표시되어야 합니다.

    초기 데이터가 표시되지 않으면 문제 해결 팁 을 검토하십시오.

3단계 : (선택 사항) 성능 이벤트에 대한 로그 메시지 보기

  1. 오류 메시지가 있는지 로그 메시지를 확인하십시오.

    Performance Monitoring은 로그 메시지를 필터링할 수 있도록 다음 태그로 로그 메시지에 태그를 지정합니다.

    • iOS+: Firebase/Performance
    • 안드로이드: FirebasePerformance
  2. 성능 모니터링이 성능 이벤트를 기록하고 있음을 나타내는 다음 유형의 로그를 확인하십시오.

    • Logging trace metric: TRACE_NAME , FIREBASE_PERFORMANCE_CONSOLE_URL
    • Logging network request trace: URL
  3. URL을 클릭하면 Firebase 콘솔에서 데이터를 볼 수 있습니다. 대시보드에서 데이터가 업데이트되는 데 몇 분 정도 걸릴 수 있습니다.

4단계 : (선택 사항) 특정 코드에 대한 사용자 지정 모니터링 추가

앱의 특정 코드와 관련된 성능 데이터를 모니터링하기 위해 사용자 지정 코드 추적 을 계측할 수 있습니다.

사용자 지정 코드 추적을 사용하면 앱에서 이미지 집합 로드 또는 데이터베이스 쿼리와 같은 특정 작업 또는 작업 집합을 완료하는 데 걸리는 시간을 측정할 수 있습니다. 사용자 지정 코드 추적의 기본 메트릭은 기간이지만 캐시 적중 및 메모리 경고와 같은 사용자 지정 메트릭을 추가할 수도 있습니다.

코드에서 Performance Monitoring SDK에서 제공하는 API를 사용하여 사용자 지정 코드 추적의 시작과 끝을 정의하고 원하는 사용자 지정 메트릭을 추가합니다.

특정 코드에 대한 모니터링 추가를 방문하여 이러한 기능과 앱에 추가하는 방법에 대해 자세히 알아보세요.

5단계 : 앱 배포 후 결과 검토

에뮬레이터와 하나 이상의 테스트 장치를 사용하여 성능 모니터링을 검증한 후에는 업데이트된 버전의 앱을 사용자에게 배포할 수 있습니다.

Firebase 콘솔의 성능 대시보드 에서 성능 데이터를 모니터링할 수 있습니다.

다음 단계