メインコンテンツにジャンプ

Firebase Crashlytics for Capacitor アプリ

Firebase Crashlyticsを使用してリアルタイムでクラッシュレポートを実装する方法について、iOSとAndroidの両方の設定方法を説明したステップバイステップのガイドを参照してください。

マーティン・ドナディュー

マーティン・ドナディュー

コンテンツマーケター

Firebase Crashlytics for Capacitor アプリ

Firebase Crashlytics 実時間でアプリのクラッシュを追跡し、詳細なレポートを提供して問題を迅速に解決するのに役立ちます。 Capacitor iOSおよびAndroidアプリの両方に対応しています。ここでは、以下のことを知っておく必要があります。

  • クラッシュリトミクスを使用する理由

    • クラッシュのリアルタイムの警告を受け取る 自動的な問題グループ化を含む詳細なクラッシュレポートを分析する.
    • アプリの安定性を維持するために重要なエラーを監視する Get.
    • real-time crash alerts
  • Setup Requirements:

    • Install Node.js (v16+), Capacitor (v4+), Xcode 14+Android Studio Electric Eel.
    • Download Firebase 設定ファイル (GoogleService-Info.plist iOS用の google-services.json Android用の).
    • プラットフォーム固有のファイルを更新する Podfile (iOS) と build.gradle (Android).
  • 重要なステップ:

    • クラッシュリポーティングをインストールする:

      npm install @capgo/capacitor-firebase-crashlytics && npx cap sync
    • アプリケーションでクラッシュリポーティングを初期化する:

      import { FirebaseCrashlytics } from '@capgo/capacitor-firebase-crashlytics';
      await FirebaseCrashlytics.initialize();
  • セットアップをテストする:

    • テストクラッシュをトリガーする:

      await FirebaseCrashlytics.crash();
  • ボーナスタイプ: Crashlyticsと組み合わせて Capgo アプリストアの遅延なしで即時ライブ更新を実現します。

このガイドでは、クラッシュフリーでユーザーフレンドリーなアプリを保証します。Firebase Crashlyticsのセットアップを今すぐ始めましょう!

2021 Androidガイド: Firebase Crashlytics - カスタムクラッシュ…

Firebase Crashlytics

セットアップ要件

始める前に、以下のステップを完了してください:

必要なソフトウェアとアカウント

You’ll need to install the following:

  • Node.js (v16 or higher)と Capacitor (v4 or higher)
  • A Firebaseアカウント プロジェクトが有効なもの
  • Xcode 14+ iOS開発用に
  • Android Studio Electric Eel またはAndroid開発用に新しいバージョン
  • 最新バージョン CocoaPods (iOS用の必須)

プラットフォーム設定ファイル

iOSの場合:

  • Firebase Consoleから GoogleService-Info.plist ファイルをダウンロードします。
  • を更新して、Crashlyticsの依存関係を含めます。 Podfile の必要なプライバシーキーを追加します。
  • Androidの場合: Info.plist __CAPGO_KEEP_0__

__CAPGO_KEEP_1__

  • Firebase Consoleから google-services.json __CAPGO_KEEP_0__を取得します。
  • プロジェクトレベルとアプリレベル build.gradle __CAPGO_KEEP_0__を両方とも変更します。
  • __CAPGO_KEEP_0__を更新して AndroidManifest.xml __CAPGO_KEEP_1__に必要な権限を含めるようにします。

Firebase Firebase Consoleの設定

Firebase Platformダッシュボード

Firebaseを設定し、クラッシュリポーティングを有効化するには、以下の手順に従ってください。

  1. Firebaseプロジェクトを作成し、クラッシュリポーティングを有効化します。 Firebase Consoleから__CAPGO_KEEP_0__を取得します。

  2. Register your apps in the Firebase Console:

    • 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 into your app by adding these dependencies:

    For Android (app-level 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'
    }

    For iOS (Podfile):

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

これらの手順が完了したら、プラグインのインストールセクションに進む準備が整いました。

インストール手順

プラグインのインストール

最初にプラグインをインストールし、 sync it with 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プラットフォームの必要な設定を設定します。

  1. Crashlytics グラドルのプラグインをアプリのレベルに追加してください。 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});

監視ガイド

テストクラッシュを確認した後、実際のクラッシュとエラーを追跡するには、Firebase Consoleを使用してください。

クラッシュレポートの読み方

クラッシュレポートはFirebase Consoleのクラッシュリティクスセクションで見つけることができます。以下のような内容が表示されます:

  • クラッシュフリーのユーザー: クラッシュが発生していないユーザーの割合。
  • 問題の安定性: クラッシュが発生する頻度。
  • 影響分析: クラッシュが発生したユーザーの数。

: クラッシュの詳細な情報やスタックトレース、デバイス情報(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 ダッシュボード インターフェース

クラッシュ検出から修正のデプロイまでのプロセスを、クラッシュリクシティスとCapgoのライブアップデートシステムをペアリングすることで、効率化してください。

About Capgo

Capgoは、特にCapgoアプリ向けに設計されたライブアップデートツールです。 Capacitorアプリ. 1,900を超えるアプリが実行中で、24時間以内に95%のアップデート率を実現することで、迅速な修正を実現します。アプリストアの承認の遅れを回避します。 [1].

主な機能は次のとおりです。

  • 端末間の暗号化 セキュアなアップデートのために
  • バージョンへの1クリックロールバック 前バージョンへの
  • チャンネルベースの配布 ターゲットリリース用
  • CI/CD統合のシームレス
  • A 100%オープンソースのプラットフォーム

CrashlyticsとCapgoの統合

CapgoとCrashlyticsを使用すると、問題を迅速に特定して解決するための効率的なワークフローが作成されます。

これがどう動作するかをご覧ください。

  1. クラッシュ検出と対応
    クラッシュが発生した場合、クラッシュリクエストはクラッシュを検出し、Capgoは即座に修正を展開できるようにします。アプリストアの承認を待つ必要はありません。

  2. ターゲットアップデート

    • : 指定されたグループでテストして、効果が確認されることを確認します。ステージドロールアウト
    • : リスクを軽減するために、徐々にアップデートを展開します。targetLanguage
    • 緊急修正: 急速推送批判性补丁来解决紧急问题。
  3. 監視と確認
    在部署Capgo更新后,使用Crashlytics来追踪崩溃率并确认问题已经解决。

安全性とApp Store規則

Capgo遵守了Apple和Google的政策,同时提供强大的安全功能:

  • 全球成功率82% [1]
  • 自动版本控制
  • 遵守App Store实时更新指南

為Crashlytics的安全整合

  • 在兩個系統中啟用錯誤追蹤。
  • 使用Capgo的監視工具和Crashlytics報告一起使用。
  • バージョン管理をすべてのアップデートで行う。
  • アップデートの詳細なログを監査のために保存する。

Plugin Optionsセクションに進んで、他のライブアップデートツールを探る。

Plugin Options

エラーを特定し修正するには、正しいクラッシュレポートプラグインを選択することが大切です。

Capacitorのエラー報告ツールの比較

  • Sentry: 無料のプランが用意されており、$26/月の有料プランから始まります。30以上のプラットフォームをサポートし、詳細なコンテキストと共にリアルタイムのエラー監視を提供します。
  • Bugsnag: $47/月から始まります。モバイルとウェブの両方のプラットフォームをカバーし、自動的なエラーのグループ化とリリースの追跡を提供します。
  • Rollbar: $31/月から始まります。複数のプラットフォームをサポートし、デプロイメントの追跡と人を追跡する機能を提供します。

Crashlyticsは、Firebaseをすでに使用しているチームにとって、特に魅力的な機能です。なぜなら、Smoothな統合と無料の階層があるからです。

__CAPGO_KEEP_0__

あなたの成果と次のステップについての簡単な紹介です。

セットアップステップのまとめ

あなたは3つの重要なステップを完了しました。

  • Firebaseプロジェクトを作成し、iOS/Androidアプリを登録しました。
  • クラッシュリクティクスプラグインをインストールして設定しました。
  • 必要なiOSとAndroidプラットフォームファイルを更新しました。

これらのツールを統合する理由

Firebase CrashlyticsとCapgoを組み合わせると、エラートラッキングと更新管理の強力なシステムが得られます。ここでは、この組み合わせが提供するものを紹介します。 概要ここでは、セットアップの重要なステップを簡単にまとめています。

  • Quick fixes: 即時更新を送信し、変更を1クリックで戻すことができます。
  • Reliable rollouts: 更新が広く採用され、ユーザーにSmoothに配信されることを保証します。

What’s Next?

  1. Firebase Consoleで詳細なクラッシュ分析を有効にします。
  2. Add Capgo to your CI/CD pipeline for streamlined updates.
  3. __CAPGO_KEEP_0__ チャンネルを使用して、修正を段階的にテストしてリリースします。 CrashlyticsとCapgoを使用すると、長期にわたってアプリが正常に動作し、改善され続けることを保証します。 Keep going from Firebase Crashlytics for __CAPGO_KEEP_0__ Apps

Capgo

Capacitor

Firebase Crashlyticsを使用している場合は Capacitor アプリ用の __CAPGO_KEEP_0__ に接続してください。 Capgo プラグインディレクトリ Capgo プラグインディレクトリの Capacitor Plugins by Capgo for the implementation detail in Capacitor Plugins by Capgo, __CAPGO_KEEP_1__ __CAPGO_KEEP_0__ プラグインの実装詳細 __CAPGO_KEEP_0__ プラグインの実装詳細 __CAPGO_KEEP_1__ Capgo Native Builds Capgoのネイティブビルドの製品ワークフロー用。

Capacitor アプリのためのリアルタイム更新

ウェブ層のバグが生じた場合、Capgo を使用して修正を配信し、数日間待つ必要のないアプリストアの承認の正常なパスを維持します。ユーザーはバックグラウンドで更新を受け取り、ネイティブの変更は通常のレビューのパスを維持します。

今すぐ始めましょう

ブログの最新記事

Capgo は、プロフェッショナルなモバイル アプリを作成するために必要な最良の洞察を提供します。