Skip to main content

Capacitor 앱에 대한 Firebase Crashlytics

실시간 충돌 보고를 모바일 앱에 통합하는 데 필요한 단계별 지침을 따라서 iOS와 Android両방에 Crashlytics를 설정하는 방법을 알아보세요.

마틴 도나디유

마틴 도나디유

콘텐츠 마케터

Capacitor 앱에 대한 Firebase Crashlytics

Firebase Crashlytics 실시간 앱 충돌 추적을 통해 세부 보고서를 제공하여 문제를 빠르게 해결하는 데 도움이 됩니다. Capacitor iOS 및 Android 앱 모두에 대한 완벽한 통합을 제공합니다.

  • Crashlytics 사용의 이유

    • 실시간 충돌 알림을 받으세요 자동 문제 그룹화 기능으로 세부 충돌 보고서를 분석하세요.
    • 앱의 안정성을 유지하기 위해 중요 오류를 모니터링하세요 설정 요구 사항:.
    • 설치
  • __CAPGO_KEEP_0__

    • __CAPGO_KEEP_0__ Node.js (v16+), Capacitor (v4+), 그리고 툴들 Xcode 14+Android Studio Electric Eel.
    • 다운로드 Firebase 설정 파일 (GoogleService-Info.plist iOS용, google-services.json Android)。
    • Update platform-specific files like Podfile (iOS)과 build.gradle (Android).
  • Key Steps:

    • Crashlytics를 설치하세요:

      npm install @capgo/capacitor-firebase-crashlytics && npx cap sync
    • Crashlytics를 앱에 초기화하세요:

      import { FirebaseCrashlytics } from '@capgo/capacitor-firebase-crashlytics';
      await FirebaseCrashlytics.initialize();
  • 설정 테스트:

    • 테스트 충돌을 트리거하세요:

      await FirebaseCrashlytics.crash();
  • Bonus Tip: Crashlytics와 Capgo 앱 스토어 지연 없이 즉시 실시간 업데이트.

이 안내서를 통해 앱이 충돌하지 않고 사용자 친화적인지 확인하세요. Firebase Crashlytics를 오늘부터 설정하세요!

2021 Android 가이드: Firebase Crashlytics - 사용자 지정 충돌 …

Firebase Crashlytics

설정 요구 사항

앱을 시작하기 전에 다음 단계를 완료하십시오:

필요한 소프트웨어 및 계정

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

  • Node.js (v16 이상) 및 Capacitor (v4 이상)
  • A Firebase 계정 활성 프로젝트가 있는
  • Xcode 14 이상 iOS 개발을 위해
  • Android Studio Electric Eel 또는 Android 개발을 위해 최신 버전
  • 최신 버전의 CocoaPods __CAPGO_KEEP_0__ (iOS)

__CAPGO_KEEP_1__ 설정 파일

iOS 경우:

  • __CAPGO_KEEP_2__을 다운로드하세요. GoogleService-Info.plist __CAPGO_KEEP_2__에서 __CAPGO_KEEP_3__을 다운로드하세요.
  • __CAPGO_KEEP_4__에 Crashlytics 의존성을 포함하십시오. Podfile __CAPGO_KEEP_5__에 필요한 개인 정보 보호 키를 추가하십시오.
  • Android 경우: Info.plist __CAPGO_KEEP_2__에서 __CAPGO_KEEP_3__을 다운로드하세요.

__CAPGO_KEEP_6__에서 __CAPGO_KEEP_3__을 다운로드하세요.

  • __CAPGO_KEEP_7__에 Crashlytics 의존성을 포함하십시오. google-services.json __CAPGO_KEEP_8__에 필요한 개인 정보 보호 키를 추가하십시오.
  • __CAPGO_KEEP_0__을 프로젝트 수준과 앱 수준에서 모두 변경합니다. build.gradle 파일입니다.
  • __CAPGO_KEEP_1__을 업데이트하여 필요한 권한을 포함합니다. AndroidManifest.xml Firebase

__CAPGO_KEEP_2__ 설정 Firebase 플랫폼 대시보드

Firebase와 크래시 리틱스를 설정하고 사용하기 위해 다음 단계를 따르세요.

Firebase 프로젝트를 생성하고 크래시 리틱스를 활성화하세요.

  1. __CAPGO_KEEP_0__을 Firebase 콘솔에 등록하세요. __CAPGO_KEEP_1__을 Firebase 콘솔에 등록하세요.

  2. __CAPGO_KEEP_2__을 Firebase 콘솔에 등록하세요. __CAPGO_KEEP_3__을 Firebase 콘솔에 등록하세요.

    • Use the bundle ID for iOS and the package name for Android.
    • Download the configuration files: GoogleService-Info.plist (iOS) and google-services.json (Android).
  3. Integrate Firebase SDKs iOS와 Android의

    Firebase SDK를 앱에 통합하려면 다음 의존성을 추가하세요: 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'
    }

    Android (앱 수준의 gradle 파일에서 추가하세요:Podfile):

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

이 단계가 완료되면 플러그인 설치 섹션으로 넘어가세요.

설치 단계

플러그인 설치

먼저 플러그인을 설치하고 __CAPGO_KEEP_0__와 동기화하세요. 그 다음, 앱에서 Crashlytics를 초기화하세요. 다음 Capacitor를 추가하세요.:

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 설정

앱 수준의 Crashlytics Gradle 플러그인을 추가하세요. file:

  1. 설명 없음 build.gradle 설명 없음

    buildscript { 
        dependencies { 
            classpath 'com.google.firebase:firebase-crashlytics-gradle:2.9.5' 
        } 
    }
    apply plugin: 'com.google.firebase.crashlytics'
  2. 오류 수집 활성화 AndroidManifest.xml:

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

iOS 설정

  1. Firebase 구성 AppDelegate.swift:

    import Firebase
    FirebaseApp.configure()

설정 테스트

Crashlytics가 작동하는지 확인하려면 테스트 오류를 발생시켜 Firebase 콘솔을 확인하세요.:

  • 사용자 고유 키를 지정한 테스트 오류를 발생시켜보세요.:

    await FirebaseCrashlytics.setCustomKey({key: 'test_scenario', value: 'manual_crash'});
    await FirebaseCrashlytics.crash();
  • 사용자를 식별하려면:

    await FirebaseCrashlytics.setUserId({userId: 'user123'});
  • 사용자 행동을 로그하세요.:

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

Firebase 콘솔에 약 5분 내에 오류 보고서, 스택 추적, 장치 정보 및 사용자 고유 키가 표시됩니다.

주의: 앱을 출시하기 전에 오류 콜을 제거하세요. 개발 중 오류 수집을 비활성화하려면 사용하세요:

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

모니터링 가이드

__CAPGO_KEEP_0__에 실제 앱에서 발생하는 오류 및 충돌을 추적하기 위해 Firebase 콘솔을 사용하세요.

충돌 보고서 읽기

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

  • 충돌 없는 사용자: 충돌이 발생하지 않은 사용자 비율.
  • 안정성 문제: 충돌이 발생하는 빈도.
  • 영향 분석: 충돌이 발생한 사용자 수.

충돌 문제를 자세히 살펴보려면 충돌 보고서의 세부 정보를 클릭하세요. 여기에는 스택 추적, 장치 정보(예: OS 버전, 메모리), 커스텀 키, 로그 및 사용자가 충돌이 발생하기까지의 경로가 포함됩니다.

: 충돌률이突然 증가할 때 알림을 받으려면 '속도 알림' 기능을 활성화하세요. 이 기능을 사용하면 충돌이 많은 사용자에게 영향을 미치기 전에 문제를 해결할 수 있습니다.

오류 관리 팁

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

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

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

사용자 개인정보 보호

사용자 데이터를 보호하고 규정 준수를 보장하기 위해 다음 지침을 따르십시오.

  • 권한:

    • 사용자 개인정보 보호에 대한 설명서에 오류 보고에 대한 설명을 포함하십시오.
    • 사용자 데이터 수집에 대한 동의 취득
    • 사용자에게 충돌 보고를 피하기 위한 옵션을 제공하십시오.
  • 데이터 수집 제어:

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

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

Capgo 인터그레이션

Capgo Live Update Dashboard Interface

충돌 감지부터修정 배포까지의 프로세스를 단순화하십시오. Capgo의 Live Update 시스템을 Crashlytics와 Pairing합니다.

About Capgo

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

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

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

Crashlytics과 Capgo의 조합

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

이것은 어떻게 작동하는지 설명해 드리겠습니다.

  1. 사고 감지 및 대응
    Crashlytics는 사고를 식별하고 Capgo은 앱 스토어 승인 기다리지 않고 즉시 수정을 배포할 수 있도록 해줍니다.

  2. 대상 업데이트

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

__CAPGO_KEEP_0__

Capgo는 애플과 구글의 정책을 준수하면서 강력한 보안 기능을 제공합니다.

  • 업데이트 배포 성공률 82% [1]
  • 자동 버전 관리를 통한 더 나은 조직
  • 앱 스토어 라이브 업데이트 지침 준수

__CAPGO_KEEP_0__와 크래시 리포트를 함께 사용하여 보다 안전한 통합을 위해:

  • __CAPGO_KEEP_0__의 모니터링 도구와 크래시 리포트를 함께 사용하세요.
  • Capgo를 사용하여 모든 업데이트의 버전 관리를 유지하세요.
  • __CAPGO_KEEP_0__를 사용하여 업데이트의 세부 로그를 유지하세요.
  • __CAPGO_KEEP_0__

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

플러그인 옵션

오류를 식별하고 수정하는 데 있어 올바른 오류 보고 플러그인을 선택하는 것은 매우 중요합니다.

Capacitor와 다른 인기 있는 오류 보고 도구의 빠른 비교입니다.

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

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

결과

이것은 당신이 달성한 것을 빠르게 살펴보는 곳입니다. 다음은 무엇입니까?:

설정 단계 요약

당신은 시작하기 위해 세 가지 중요한 단계를 완료했습니다:

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

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

Firebase Crashlytics와 Capgo를 pairing하면 오류 추적 및 업데이트 관리를 위한 강력한 시스템을 제공합니다. 이 콤비네이션은 다음과 같은 것을 제공합니다: 빠른 해결책: 즉시 업데이트를 푸시하고 변경 사항을 되돌리기 위해 단지 한 번 클릭만 하면 됩니다.

  • Quick fixes: Push instant updates and roll back changes with just one click.
  • 신뢰할 수 있는 배포: 사용자에게 업데이트가 널리 채택되고MOOTH하게 전달되도록 보장합니다.

다음 단계

  1. Firebase Console에서 세부적인 충돌 분석을 활성화하세요.
  2. CI/CD pipeline에 Capgo을 추가하여 업데이트를 단순화하세요.
  3. __CAPGO_KEEP_0__ 채널을 사용하여 Capgo channels Crashlytics와 __CAPGO_KEEP_0__이 설정된 경우, 앱이 원활하게 작동하고 시간이 지남에 따라 개선되는 것을 보장할 수 있습니다.

Firebase Crashlytics를 사용하여 Capgo 앱을 계속 진행하세요.

Firebase Crashlytics를 사용하여 Capacitor 앱을 사용하고 계신가요?

Cloudflare Firebase Crashlytics for Capacitor Apps native 플러그인 작업을 계획하기 위해, Capgo 플러그인 디렉토리와 연결하세요. Capgo 플러그인 디렉토리 내에서 제품 워크플로우를 위해 Capacitor 플러그인들에 의해 Capgo Capacitor 플러그인들에 의해 Capgo의 구현 세부 사항을 위해 플러그인을 추가하거나 업데이트 플러그인을 추가하거나 업데이트하는 구현 세부 사항을 위해 Ionic Enterprise 플러그인 대체 Ionic Enterprise 플러그인 대체의 제품 워크플로우를 위해, Capgo 네이티브 빌드 Capgo 네이티브 빌드의 제품 워크플로우를 위해

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

웹层 버그가 활성화된 상태에서, 앱 스토어 승인까지 며칠 기다리지 않고 Capgo을 통해 패치를 배포하세요. 사용자는 배경에서 업데이트를 받으면서 네이티브 변경 사항은 일반적인 검토 경로에 남아 있습니다.

시작하기

블로그에서 최신 뉴스

Capgo은 전문적인 모바일 앱을 만들기 위해 필요한 최고의洞察력을 제공합니다.