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

Firebase Crashlytics for Capacitor Apps

Capacitorアプリ用のFirebase Crashlyticsを実装する方法を、iOSとAndroidの両方のステップバイステップのガイドで学びましょう。

Firebase Crashlytics for Capacitor Apps

Firebase Crashlytics リアルタイムでアプリのクラッシュを追跡し、詳細なレポートを提供して問題を迅速に解決するのに役立ちます。 Capacitor Capacitorアプリ向けにリアルタイムクラッシュアラートを取得し、自動的な問題グループ化、重要なエラーの監視などを実現します。

  • Capacitor

    • Capacitorアプリ向けにリアルタイムクラッシュアラートを取得し、自動的な問題グループ化、重要なエラーの監視などを実現します。 Capacitor.
    • Capacitorアプリ向けにリアルタイムクラッシュアラートを取得し、自動的な問題グループ化、重要なエラーの監視などを実現します。 Capacitor.
    • Capacitorアプリ向けにリアルタイムクラッシュアラートを取得し、自動的な問題グループ化、重要なエラーの監視などを実現します。
  • Capacitor

    • Capacitorアプリ向けにリアルタイムクラッシュアラートを取得し、自動的な問題グループ化、重要なエラーの監視などを実現します。 Node.js (v16+), Capacitor (v4+),、、 エェサトログ 14+ 、 バーターサント バーターサント.
    • バグレスト バグレスト バグレストGoogleService-Info.plist バグレスト google-services.json for Android).
    • Update platform-specific files like Podfile (iOS) and build.gradle (Android).
  • Key Steps:

    • Install Crashlytics:

      npm install @capgo/capacitor-firebase-crashlytics && npx cap sync
    • Initialize Crashlytics in your app:

      import { FirebaseCrashlytics } from '@capgo/capacitor-firebase-crashlytics';
      await FirebaseCrashlytics.initialize();
  • Test Your Setup:

    • Trigger a test crash:

      await FirebaseCrashlytics.crash();
  • Bonus Tip: Combine Crashlytics with 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 Firebaseアカウント iOS向けには必要です

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

iOSの場合:

  • Firebase Consoleからファイルをダウンロードしてください。 GoogleService-Info.plist Crashlytics依存関係を含むCapacitorをアップデートしてください。
  • Capacitorのconfig.xmlファイルに必要なプライバシーキーを追加してください。 Podfile Androidの場合:
  • Firebase Consoleからファイルを取得してください。 Info.plist Capacitorのconfig.xmlファイルに必要なプライバシーキーを追加してください。

Capacitorのconfig.xmlファイルに必要なプライバシーキーを追加してください。

  • Capacitorのconfig.xmlファイルに必要なプライバシーキーを追加してください。 google-services.json Capacitorのconfig.xmlファイルに必要なプライバシーキーを追加してください。
  • プロジェクトレベルとアプリレベルで両方の変更 build.gradle ファイル。
  • を更新して、必要な権限を含める AndroidManifest.xml Firebase

コンソールセットアップ Firebaseプラットフォームダッシュボード

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

Firebaseプロジェクトを作成し、クラッシュリポーティングを有効化

  1. Firebaseコンソールでアプリを登録 Firebaseコンソールでアプリを登録する

  2. __CAPGO_KEEP_0__ __CAPGO_KEEP_1__

    • Capacitorアプリ用の iOS用の パッケージ名 Android用の ダウンロードする設定ファイル:
    • (iOS) GoogleService-Info.plist (Android) google-services.json Firebase SDKをアプリに統合するには、次の依存関係を追加します。
  3. Android (アプリレベル) iOS (

    __CAPGO_KEEP_0__ 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'
    }

    __CAPGO_KEEP_1__Podfile):

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

Once these steps are complete, you’re ready to move on to the __CAPGO_KEEP_0__ section.

Installation Steps

__CAPGO_KEEP_0__ Installation

Then, sync the __CAPGO_KEEP_0__ with your native platforms and see the @capgo/capacitor-firebase-crashlytics Then, initialize Crashlytics in your app. Add the following API to

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

Then, initialize Crashlytics in your app. Add the following code to app.component.ts Platform Configuration main.ts:

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

Set up the required configurations for Android and iOS platforms.

Android Setup

Add the Crashlytics Gradle plugin to your app-level

  1. Add the Crashlytics Gradle plugin to your app-level build.gradle file:

    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()

設定のテスト

クラッシュリクエストが正常に送信されていることを確認するには、テストクラッシュを実行し、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バージョン、メモリ)、カスタムキー、ログ、クラッシュまでのユーザーの経路を確認してください。

プロのヒント: Crash 速度のアラート機能を有効にすることで、突然のクラッシュ率の増加に通知を受けることができます。これにより、問題を解決する前に、多くのユーザーに影響を与える前に対処することができます。

エラー管理のヒント

  • 影響度順位付け: クラッシュが最も多くのユーザーに影響を与えるものや、重要な部分で発生するものに焦点を当てましょう。トレンドを追跡することで、緊急の問題を特定することができます。

  • カスタムキーを使用: カスタムキーを使用してクラッシュレポートにコンテキストを追加します。例えば:

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

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

  • エンドツーワンエンCRYPTION コンテキスト:Capgoマーケティングウェブサイト。役割:短いUIラベルまたはナビゲーションアイテム。メッセージキー`end_to_end_encryption` (End To End Encryption)。
  • セキュアなアップデートのために 1クリックでロールバック
  • 前のバージョンに戻す チャンネルベースの配布
  • ターゲットされたリリースのために
  • シームレスなCI/CD統合 100%オープンソースプラットフォーム

Capgoとクラッシュリティクスを組み合わせる

Capgoとクラッシュリティクスを組み合わせると、問題を迅速に特定して解決するための効率的なワークフローが作成されます。

ここでは、どのように機能するかを説明します。

  1. クラッシュ検出と対応
    クラッシュリティクスがクラッシュを検出すると、Capgoは即座に修正を展開できるため、アプリストアの承認を待つ必要がなくなります。

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

    • ベータテスト特定のグループで修正をテストして、効果が確認されることを保証します。
    • ステージドロールアウトリスクを軽減するために、徐々にアップデートを展開します。
    • 緊急修正: 急速に緊急問題を解決するためのパッチをプッシュする。
  3. 監視と検証
    更新をデプロイした後、Capgo を使用してクラッシュ率を追跡し、問題が解決されていることを確認する。

セキュリティとアプリストアの規則

Capgo はAppleとGoogleのポリシーに準拠し、強力なセキュリティ機能を提供します:

  • 82%のグローバル成功率で更新を配信 [1]
  • 自動バージョン管理によるよりよい組織
  • アプリストアのライブアップデートガイドラインへの準拠

クラッシュリクティクスとの安全な統合のために:

  • 両方のシステムでエラー追跡を有効にする。
  • Capgo の監視ツールをクラッシュリクティクスレポートと併用する。
  • すべての更新のバージョン管理を維持する。
  • __CAPGO_KEEP_0__の詳細なログを、監査目的で保存する。

更新ツールの他のライブツールについては、プラグインオプションセクションに進んでください。

プラグインオプション

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

Here’s a quick comparison of Crashlytics with other popular error-reporting tools for Capacitor:

  • センチニー: 無料のプランが用意されており、有料プランは月額26ドルから始まります。30以上のプラットフォームをサポートし、詳細なコンテキストとリアルタイムのエラーモニタリングを提供します。
  • バグスナグ: 月額47ドルから始まります。モバイルとウェブの両方のプラットフォームをカバーし、自動エラーグループ化とリリーストラッキングを提供します。
  • ロールバ: 月額31ドルから始まります。複数のプラットフォームをサポートし、デプロイメントトラッキングやユーザートラッキングなどを提供します。

クラッシュリクティクスは、Firebaseを使用しているチームにとって特に魅力的な選択肢です。なぜなら、Smoothな統合と無料のプランが用意されているからです。

概要

ここでは、達成したことと次のステップについて簡単にご紹介します。

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

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

  • Firebaseプロジェクトを作成し、iOS/Androidアプリを登録しました。
  • __CAPGO_KEEP_0__のCrashlyticsプラグインをインストールおよび設定しました。
  • 必要なiOSおよびAndroidプラットフォームファイルを更新しました。

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

CapgoとFirebase Crashlyticsを組み合わせると、エラートラッキングとアップデート管理の強力なシステムが得られます。 ここでは、この組み合わせが提供するものについてご紹介します。迅速な修正

  • Quick fixes: 即時アップデートを送信し、変更を1クリックでロールバックする。
  • 信頼できるリリース: アップデートがユーザーに広く採用され、Smoothに配信されることを保証する。

次のステップは?

  1. Firebase Consoleで詳細なクラッシュ分析を有効にします。
  2. CapgoをCI/CDパイプラインに追加して、アップデートをstreamlinedにします。
  3. __CAPGO_KEEP_0__ Capgo チャンネルを使用して、段階的にテストとリリースを実行します。 クラッシュリポーティングと__CAPGO_KEEP_0__を実装すると、長期にわたってアプリを正常に動作させ、改善する準備が整います。

Firebase CrashlyticsからCapgoアプリに進みましょう。

Keep going from Firebase Crashlytics for Capacitor Apps

If you are using Firebase Crashlytics for Capacitor Apps native プラグインの作業計画に、以下のステップを実行してください。 Capgo Plugin Directory for the product workflow in Capgo Plugin Directory, Capacitor Plugins by Capgo for the implementation detail in Capacitor Plugins by Capgo, プラグインの追加または更新 プラグインの実装詳細 Ionic Enterprise プラグインの代替 Ionic Enterprise プラグインの代替の製品ワークフロー Capgo Native Builds for the product workflow in Capgo Native Builds.

リアルタイムの更新はCapacitor アプリに

ウェブ層のバグが生じた場合、Capgo を通じて修正を配信するのではなく、数日間待ってアプリストアの承認を待つのではなく、ユーザーはバックグラウンドで更新を受け取り、ネイティブの変更は通常のレビュー経路を通じて

マーティンから人間のサポート

今すぐ始めよう

最新の記事

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