본문으로 건너뛰기

Firebase Crashlytics for Capacitor Apps

실시간 오류 보고를 모바일 앱에 통합하는 단계별 가이드를 통해 오류 보고를 실시간으로 추적하는 방법을 알아보세요. iOS와 Android両방에 Crashlytics를 설정하는 방법을 배웁니다.

마틴 도나디우

마틴 도나디우

콘텐츠 마케터

Firebase Crashlytics for Capacitor Apps

Firebase Crashlytics 실시간으로 앱 오류를 추적하여 오류를 신속하게 수정할 수 있도록 자세한 보고서를 제공합니다. iOS와 Android에 대한 통합을 지원합니다. Capacitor __CAPGO_KEEP_0__

  • 크래시 리포팅을 사용하는 이유

    • 실시간 크래시 알림을 받고 세부적인 크래시 리포트를 분석하고.
    • 자동화된 문제 그룹화 중요한 오류를 모니터링하여 앱의 안정성을 유지합니다..
    • 설정 요구 사항:
  • Node.js

    • (v16+) __CAPGO_KEEP_0__ __CAPGO_KEEP_0__, Capacitor (v4+),& 하세요 총고 총경성 총고 촌장세요 안호시 14+ 가주 가주 총고 총경성 총고 총경성 총고 촌장세요.
    • 총고 총경성 총고 촌장세요 총고 총경성 총고 촌장세요 총고 총경성 총고 촌장세요GoogleService-Info.plist 총고 총경성 총고 촌장세요 google-services.json 총고 총경성 총고 촌장세요
    • 총고 총경성 총고 촌장세요 Podfile (iOS)와 (Android). build.gradle Key Steps:
  • Firebase Crashlytics를 설치하세요:

    • 앱에서 Crashlytics를 초기화하세요:

      npm install @capgo/capacitor-firebase-crashlytics && npx cap sync
    • 설정을 테스트하세요:

      import { FirebaseCrashlytics } from '@capgo/capacitor-firebase-crashlytics';
      await FirebaseCrashlytics.initialize();
  • 테스트를 위해 앱을 강제 종료하세요:

    • Bonus Tip:

      await FirebaseCrashlytics.crash();
  • Crashlytics와 __CAPGO_KEEP_0__를结合하세요. Crashlytics와 Capacitor를结合하여 앱을 최적화하세요. Capgo 이 가이드는 앱이 충돌하지 않고 사용자 친화적이도록 보장합니다. Firebase Crashlytics를 오늘부터 설정하세요!

이 가이드는 앱이 충돌하지 않고 사용자 친화적이도록 보장합니다. Firebase Crashlytics를 오늘부터 설정하세요!

2021 안드로이드 가이드: 파이어베이스 크래시 리틱스 - 사용자 지정 크래시 …

파이어베이스 크래시 리틱스

설정 요구 사항

이전 단계를 완료하기 전에, 다음 단계를 확인하세요.

필요한 소프트웨어 및 계정

다음 것을 설치해야 합니다.

  • Node.js (v16 이상) 및 Capacitor (v4 이상)
  • A Firebase 계정 활성 프로젝트가 있는
  • Xcode 14 이상 iOS 개발을 위해
  • Android Studio Electric Eel 또는 Android 개발을 위해 최신 버전
  • The latest version of CocoaPods (iOS용 필수) 플랫폼 구성 파일

__CAPGO_KEEP_0__

iOS용:

  • Firebase 콘솔에서 GoogleService-Info.plist 파일을 다운로드하세요.
  • Crashlytics 의존성을 포함하는 Podfile 파일을 업데이트하세요.
  • Crashlytics 의존성을 포함하는 Info.plist 파일에 필요한 개인 정보 키를 추가하세요.

Android용:

  • Firebase 콘솔에서 google-services.json 파일을 다운로드하세요.
  • 프로젝트 및 앱 수준의 build.gradle 파일을 모두 수정하세요.
  • 업데이트 하기 AndroidManifest.xml 필요한 권한을 포함하는

파이어베이스 콘솔 설정

파이어베이스 플랫폼 대시보드

파이어베이스를 설정하고 크래시 리트리비츠를 활성화하기 위한 단계를 따라하세요:

  1. 파이어베이스 프로젝트를 생성하고 크래시 리트리비츠를 활성화하세요. 앱을 파이어베이스 콘솔에 등록하세요:

  2. 사용하는 번들 ID

    • Firebase Console Firebase Platform Dashboard iOS와 Android를 위한 Android용 패키지 이름 iOS용
    • 설정 파일을 다운로드하세요: GoogleService-Info.plist (iOS)와 google-services.json (Android).
  3. Firebase SDK를 앱에 통합하세요. 다음 의존성을 추가하세요: Android (앱 수준)

    iOS ( build.gradle):

    dependencies {
        implementation platform('com.google.firebase:firebase-bom:32.0.0')
        implementation 'com.google.firebase:firebase-crashlytics'
        implementation 'com.google.firebase:firebase-analytics'
    }

    이 단계를 완료하면 플러그인 설치 섹션으로 넘어가세요.Podfile):

    pod 'Firebase/Crashlytics'
    pod 'Firebase/Analytics'

설치 단계

__CAPGO_KEEP_0__

플러그인 설치

그런 다음 플러그인을 네이티브 플랫폼과 동기화하고 전체 참조를 보려면 @capgo/capacitor-firebase-crashlytics 플러그인 페이지를 참조하십시오: 그런 다음 앱에서 크래시 리포팅을 초기화하십시오. 다음 API을 추가하십시오:

npm install @capgo/capacitor-firebase-crashlytics && npx cap sync

Then, initialize Crashlytics in your app. Add the following code to app.component.ts 플랫폼 설정 main.ts:

import { FirebaseCrashlytics } from '@capgo/capacitor-firebase-crashlytics';
await FirebaseCrashlytics.initialize();

Android 및 iOS 플랫폼의 필요한 설정을 구성하십시오.

Android 설정

앱 수준 __CAPGO_KEEP_0__ 파일에 Crashlytics Gradle 플러그인을 추가하십시오:

  1. 크래시 수집을 활성화하십시오: build.gradle iOS 설정

    buildscript { 
        dependencies { 
            classpath 'com.google.firebase:firebase-crashlytics-gradle:2.9.5' 
        } 
    }
    apply plugin: 'com.google.firebase.crashlytics'
  2. __CAPGO_KEEP_0__을 추가하십시오: AndroidManifest.xml:

    <meta-data
        android:name="firebase_crashlytics_collection_enabled"
        android:value="true" />

iOS 설정

  1. Firebase를 Configure하는 방법 AppDelegate.swift:

    import Firebase
    FirebaseApp.configure()

설정 테스트

Firebase Console에서 Crashlytics가 작동하는지 확인하려면 테스트 크래시를 실행하고 Firebase Console을 확인하세요:

  • 사용자 ID를 지정할 수 있습니다:

    await FirebaseCrashlytics.setCustomKey({key: 'test_scenario', value: 'manual_crash'});
    await FirebaseCrashlytics.crash();
  • 사용자 ID를 지정할 수 있습니다:

    await FirebaseCrashlytics.setUserId({userId: 'user123'});
  • 사용자 ID를 지정할 수 있습니다:

    await FirebaseCrashlytics.log({message: 'Test crash triggered'});

Firebase Console에서 5분 이내에 스택 추적, 장치 정보 및 사용자 지정 키와 같은 보고서가 표시되어야 합니다.

중요: 앱을 출시하기 전에 크래시 호출을 제거하세요. 개발 중에는 크래시 수집을 비활성화하려면:

await FirebaseCrashlytics.setCrashlyticsCollectionEnabled({enabled: false});

모니터링 가이드

테스트 크래시를 확인한 후 Firebase Console을 사용하여 실제 크래시 및 오류를 앱에서 추적하세요.

Crash 보고서 읽기

Firebase Console의 Crashlytics 섹션에서 Crash 보고서를 찾을 수 있습니다. 여기서 볼 수 있는 내용은 다음과 같습니다.

  • 오류 없는 사용자: 오류가 발생하지 않은 사용자 비율입니다.
  • 오류 안정성: 오류가 발생하는 빈도입니다.
  • 영향 분석: 오류로 인해 영향을 받은 사용자 수입니다.

오류를 클릭하여 디버깅을 위해 스택 추적, 장치 정보(예: OS 버전, 메모리), 사용자 정의 키, 로그 및 오류로 인해 발생한 사용자의 경로를 확인할 수 있습니다.

: 오류 발생률이突然 증가할 때 알림을 받을 수 있도록 '속도 알림' 기능을 활성화하세요. 이 기능을 사용하면 문제를 해결하기 전에 많은 사용자가 영향을 받지 않도록 할 수 있습니다.

오류 관리 팁

  • 우선순위로 설정: 사용자에게 가장 큰 영향을 미치는 오류 또는 앱의 중요한 부분에서 발생하는 오류에 집중하세요. 추세를 추적하여 급박한 문제를 식별할 수 있습니다.

  • 사용자 정의 키 사용: 오류 보고서에 사용자 정의 키를 추가하여 오류 보고서에 추가적인 정보를 제공하세요. 예를 들어:

    await FirebaseCrashlytics.setCustomKey({
      key: 'current_view',
      value: 'payment_processing'
    });
  • 유사한 문제 그룹화: Firebase의 자동 문제 그룹화 기능을 사용하세요. 또한 관련된 오류를 일관된 사용자 정의 키로 태그하고 명확하고 설명적인 제목을 사용하여 추적하기 쉽게 하세요.

사용자 개인정보 보호

: 규정 준수와 사용자 데이터를 보호하기 위해 다음 지침을 따르세요.

  • 권한:

    • : 오류 보고에 대한 개인정보 보호 정책에 언급하세요.
    • GDPR 규정 적용 지역에서 데이터 수집에 대한 사용자 동의를 얻으세요.
    • 오류 보고에 대한 사용자 옵트아웃 기능을 제공하세요.
  • 데이터 수집 제어:

    await FirebaseCrashlytics.setCrashlyticsCollectionEnabled({enabled: false});
    await FirebaseCrashlytics.setCrashlyticsCollectionEnabled({enabled: true});
  • 데이터 보관:

    • 90일 후 자동으로 데이터를 삭제합니다.
    • 보고서에서敏感 정보를 지우세요.
    • 사용자 개인 정보를 보호하면서 디버깅을 위해 사용자 고유 키를 사용하세요.

Capgo 통합

Capgo Live Update Dashboard Interface

Streamline the process from crash detection to fix deployment by pairing Capgo’s live update system with Crashlytics.

About Capgo

Capgo is a live update tool designed specifically for Capacitor apps. 1,900 개 이상의 앱이 운영 중이며 24시간 이내에 95%의 업데이트율을 보장하여 앱 스토어 승인 지연 없이 빠른 수정이 가능합니다. [1].

주요 기능은 다음과 같습니다:

  • 끝까지 암호화 보안 업데이트
  • 이전 버전으로 한 클릭으로 롤백 이전 버전으로
  • 채널 기반 배포 대상화된 릴리스
  • CI/CD 통합
  • CI/CD 100% 오픈 소스 플랫폼

Crashlytics와 Capgo

Crashlytics와 Capgo을 사용하면 문제를 신속하게 해결할 수 있는 효율적인 워크플로를 구축할 수 있습니다.

다음은 작동 방식입니다:

  1. 에러 감지 및 대응
    Crashlytics는 에러를 감지하고 Capgo은 앱 스토어 승인 기다리지 않고 즉시 수정을 배포할 수 있습니다.

  2. 대상 업데이트

    • 베타 테스트특정 그룹과 함께 테스트하여 수정이 효과적인지 확인합니다.
    • 스테이지드 롤아웃위험을 줄이기 위해 점진적으로 업데이트를 배포합니다.
    • 비상수리급박한 문제를 해결하기 위해 즉시 중요 패치를 푸시합니다.
  3. 모니터링 및 확인
    업데이트를 배포한 후 Capgo를 사용하여 충돌률을 추적하고 문제가 해결되었는지 확인하세요.

보안 및 앱 스토어 규칙

Capgo는 Apple과 Google의 정책을 준수하면서 강력한 보안 기능을 제공합니다:

  • 전 세계적으로 업데이트를 전달하는 성공률 82% [1]
  • 자동 버전 관리를 통한 더 나은 조직
  • 앱 스토어 라이브 업데이트 지침 준수

Crashlytics와의 안전한 통합을 위해:

  • 오류 추적을 두 시스템 모두에서 활성화하세요.
  • Capgo의 모니터링 도구와 Crashlytics 보고서를 함께 사용하세요.
  • 모든 업데이트에 대한 버전 관리를 유지하세요.
  • 업데이트에 대한 세부 로그를 감사 목적으로 유지하세요.

플러그인 옵션 섹션으로 계속하세요. 다른 라이브 업데이트 도구를 탐색하세요.

플러그인 설정

오류를 해결하는 데 도움이 되는 플러그인을 선택하는 것은 앱의 오류를 식별하고 수정하는 데 큰 영향을 미칠 수 있습니다.

다음은 Capacitor에서 사용할 수 있는 인기 있는 오류 보고 도구 중 Crashlytics와의 빠른 비교입니다.

  • 센트리: 무료 티어와 26달러/월의 유료 계획이 시작되는 무료 티어가 제공됩니다. 30개 이상의 플랫폼을 지원하고, 세부적인 컨텍스트와 함께 실시간 오류 모니터링을 제공합니다.
  • 버그스낵: 47달러/월부터 시작됩니다. 모바일 및 웹 플랫폼을 모두 지원하며, 자동 오류 그룹화 및 릴리스 추적 기능을 제공합니다.
  • 롤바: 31달러/월부터 시작됩니다. 여러 플랫폼을 지원하며, 릴리스 추적 및 사람 추적과 같은 기능을 제공합니다.

Crashlytics는 Firebase를 사용하는 팀에게 특히 매력적입니다. 이는 smooth한 통합과 무료 티어를 제공하기 때문입니다.

요약

: 여기서 지금까지 무엇을 accomplished했는지 그리고 다음 단계는 무엇인지 간단하게 살펴보세요.

Setup Steps Recap

Capgo 사용을 시작하기 위해 3 가지 중요한 단계를 완료했습니다:

  • iOS/Android 앱을 등록한 Firebase 프로젝트를 만들었습니다.
  • 크래시 리포팅 플러그인을 설치하고 설정했습니다.
  • iOS 및 Android 플랫폼 파일을 업데이트했습니다.

이 도구를 통합하는 이유는 무엇입니까?

Capgo와 Firebase Crashlytics를 결합하면 오류 추적 및 업데이트 관리를 위한 강력한 시스템을 제공합니다. 업데이트 관리이 조합은 다음과 같은 기능을 제공합니다:

  • 빠른 수정: 즉시 업데이트를 푸시하고 변경 사항을 되돌리기 위해 단지 한 번 클릭만 하면 됩니다.
  • 신뢰할 수 있는 롤아웃: 사용자들에게 업데이트가 널리 채택되고 smooth하게 전달되도록 하세요.

다음 단계는?

  1. 파이어베이스 콘솔에서 세부적인 충돌 분석을 활성화하세요.
  2. Capgo을 CI/CD PIPELINE에 추가하여 업데이트를 단순화하세요.
  3. 사용 Capgo 채널 충돌 분석과 __CAPGO_KEEP_0__을 사용하여 앱이 시간이 지남에 따라 smooth하게 작동하고 개선되도록 하세요.

Capgo 앱을 위한 파이어베이스 충돌 분석으로 계속 진행하세요.

Capacitor 앱을 위한 파이어베이스 충돌 분석을 사용하여 네이티브 플러그인 작업을 계획하고 연결하세요.

__CAPGO_KEEP_0__ Capacitor __CAPGO_KEEP_0__ Capgo 플러그인 디렉토리 Capgo 제품 워크플로우에 대한 Capacitor Plugins by Capgo for the implementation detail in Capacitor Plugins by Capgo, __CAPGO_KEEP_0__ 플러그인 추가 또는 업데이트 __CAPGO_KEEP_0__ 플러그인 추가 또는 업데이트 __CAPGO_KEEP_0__ 이온IC 엔터프라이즈 플러그인 대안 __CAPGO_KEEP_0__ 제품 워크플로우 Capgo 네이티브 빌드 Capgo 제품 워크플로우

Capacitor 앱에 대한 실시간 업데이트

When a web-layer bug is live, ship the fix through Capgo instead of waiting days for app store approval. Users get the update in the background while native changes stay in the normal review path.

__CAPGO_KEEP_0__ 앱에서 웹层 버그가 활성화되면 앱 스토어 승인 대기 없이修정을 통해 배포하세요. 사용자는 배경에서 업데이트를 받으면서 네이티브 변경은 일반적인 검토 경로에 남아있습니다.

페이지/영역: Capgo 마케팅 웹사이트. 역할: 지원 설명 문장 또는 메타 설명 문장. 보는 곳: 컴포넌트 GetStarted.astro. Capgo 제품/브랜드 및 개발자 용어를 정확히 유지하세요. 메시지 키 `instant_updates_for_capacitor_apps_description` (Instant Updates For Capacitor Apps Description).

마틴의 인간 지원

Capgo gives you the best insights you need to create a truly professional mobile app.