Lompat ke konten utama

Firebase Crashlytics untuk Aplikasi Capacitor

Pelajari cara mengintegrasikan pelaporan kejadian waktu nyata ke dalam aplikasi mobile Anda dengan panduan langkah demi langkah untuk mengatur Crashlytics untuk iOS dan Android.

Martin Donadieu

Martin Donadieu

Content Marketer

Firebase Crashlytics untuk Aplikasi Capacitor

Firebase Crashlytics membantu Anda mengikuti kegagalan aplikasi secara real-time, menyediakan laporan rinci untuk memperbaiki masalah dengan cepat. Ini terintegrasi dengan baik dengan Capacitor untuk aplikasi iOS dan Android. Berikut adalah apa yang perlu Anda ketahui:

  • Mengapa Menggunakan Crashlytics?

    • Dapatkan peringatan kegagalan aplikasi secara real-time.
    • Analisis laporan kegagalan aplikasi dengan grouping masalah otomatis.
    • Pantau kesalahan kritis untuk menjaga aplikasi stabil.
  • Persyaratan Pengaturan:

    • Pasang Node.js (v16+), Capacitor (v4+), dan alat seperti Xcode 14+ dan Android Studio Electric Eel.
    • Unduh Firebase berkas konfigurasi (GoogleService-Info.plist untuk iOS, google-services.json untuk Android).
    • Perbarui berkas yang spesifik untuk platform seperti Podfile (iOS) dan build.gradle (Android).
  • Langkah-Langkah Utama:

    • Pasang Crashlytics:

      npm install @capgo/capacitor-firebase-crashlytics && npx cap sync
    • Inisialisasi Crashlytics di aplikasi Anda:

      import { FirebaseCrashlytics } from '@capgo/capacitor-firebase-crashlytics';
      await FirebaseCrashlytics.initialize();
  • Tes Konfigurasi Anda:

    • Aktifkan tes crash:

      await FirebaseCrashlytics.crash();
  • Tips Tambahan: Gabungkan Crashlytics dengan Capgo untuk pembaruan langsung tanpa penundaan dari toko aplikasi.

Petunjuk ini memastikan aplikasi Anda bebas dari crash dan ramah pengguna. Mulai dengan mengatur Firebase Crashlytics hari ini!

2021 Panduan Android: Firebase Crashlytics - crash …

Firebase Crashlytics

Persyaratan Pengaturan

Sebelum memasuki, pastikan Anda telah menyelesaikan langkah-langkah berikut:

Perangkat Lunak dan Akun yang Diperlukan

Anda perlu menginstal hal-hal berikut:

  • Node.js (v16 atau lebih tinggi) dan Capacitor (v4 atau lebih tinggi)
  • A Akun Firebase dengan proyek aktif
  • Xcode 14+ untuk pengembangan iOS
  • Android Studio Electric Eel atau versi yang lebih baru untuk pengembangan Android
  • Versi terbaru dari CocoaPods (diperlukan untuk iOS)

Konfigurasi File Platform

Untuk iOS:

  • Unduh GoogleService-Info.plist dari Console Firebase.
  • Perbarui Podfile untuk mencakup dependensi Crashlytics.
  • Tambahkan kunci privasi yang diperlukan ke Info.plist file.

Untuk Android:

  • Oleh karena itu, google-services.json ambil file dari Firebase Console.
  • Buat perubahan pada file pada tingkat proyek dan aplikasi. build.gradle Update kedua file.
  • Ubah AndroidManifest.xml untuk mencakup izin yang diperlukan.

Firebase Pengaturan Console Firebase

Dashboard Firebase Platform

Tetapkan Firebase dan aktifkan Crashlytics melalui langkah-langkah ini:

  1. Buat proyek Firebase dan aktifkan Crashlytics.

  2. Daftarkan aplikasi Anda di Firebase Console:

    • Gunakan ID Paket untuk iOS dan nama paket untuk Android.
    • Unduh file konfigurasi: GoogleService-Info.plist (iOS) dan google-services.json (Android).
  3. Integrasikan SDK Firebase ke dalam aplikasi Anda dengan menambahkan dependensi ini:

    Untuk Android (tingkat aplikasi 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'
    }

    Untuk iOS (Podfile):

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

Setelah langkah-langkah ini selesai, Anda siap untuk melanjutkan ke bagian Penginstalan Plugin.

Langkah-Langkah Penginstalan

Penginstalan Plugin

Lalu, sinkronkan plugin dengan platform native Anda dan lihat @capgo/capacitor-firebase-crashlytics halaman plugin untuk referensi lengkap API:

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

Lalu, inisialisasi Crashlytics di aplikasi Anda. Tambahkan kode code berikut: app.component.ts atau main.ts:

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

Konfigurasi Platform

Tetapkan konfigurasi yang diperlukan untuk platform Android dan iOS.

Pengaturan Android

  1. Tambahkan plugin Gradle Crashlytics ke file-level aplikasi Anda: build.gradle file:

    buildscript { 
        dependencies { 
            classpath 'com.google.firebase:firebase-crashlytics-gradle:2.9.5' 
        } 
    }
    apply plugin: 'com.google.firebase.crashlytics'
  2. Aktifkan pengumpulan kecelakaan di AndroidManifest.xml:

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

Pengaturan iOS

  1. Konfigurasi Firebase di AppDelegate.swift:

    import Firebase
    FirebaseApp.configure()

Menguji Pengaturan Anda

Pastikan Crashlytics berfungsi dengan menjalankan tes kecelakaan dan memeriksa Console Firebase:

  • Aktifkan tes kecelakaan dengan kunci kustom:

    await FirebaseCrashlytics.setCustomKey({key: 'test_scenario', value: 'manual_crash'});
    await FirebaseCrashlytics.crash();
  • Opsional, identifikasi pengguna:

    await FirebaseCrashlytics.setUserId({userId: 'user123'});
  • Log kejadian kustom:

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

Laporan, termasuk jejak stack, detail perangkat, dan kunci kustom, harus muncul di Console Firebase dalam waktu sekitar 5 menit.

translations Hapus panggilan crash sebelum mengeluarkan aplikasi Anda. Untuk menonaktifkan pengumpulan crash selama pengembangan, gunakan:

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

Petunjuk Pemantauan

Setelah Anda telah memastikan pengaturan Anda dengan crash uji, gunakan Console Firebase untuk melacak crash dan kesalahan nyata di aplikasi hidup Anda.

Membaca Laporan Crash

Anda dapat menemukan laporan crash di Console Firebase di bawah bagian Crashlytics. Berikut ini yang Anda lihat:

  • Pengguna tanpa crash: Persentase pengguna yang belum mengalami crash.
  • Stabilitas masalah: Berapa sering crash terjadi.
  • Analisis dampak: Jumlah pengguna yang terpengaruh.

Klik pada setiap masalah untuk menelusuri detail lebih lanjut seperti jejak stack, informasi perangkat (misalnya, versi OS, memori), kunci kustom, log, dan perjalanan pengguna yang menyebabkan crash.

Tips Pro: Aktifkan fitur

velocity alerts

  • untuk mendapatkan pemberitahuan ketika tingkat crash tiba-tiba meningkat. Ini dapat membantu Anda menangani masalah sebelum mereka mempengaruhi banyak pengguna.Panduan Pengelolaan Error

  • Prioritaskan Berdasarkan Dampak: Fokus pada crash yang mempengaruhi banyak pengguna atau terjadi di bagian kritis aplikasi. Mengikuti tren dapat membantu Anda mengidentifikasi masalah yang mendesak.

    await FirebaseCrashlytics.setCustomKey({
      key: 'current_view',
      value: 'payment_processing'
    });
  • Gunakan Kunci Kustom: Tambahkan konteks pada laporan crash dengan kunci kustom. Misalnya:

Grupkan Masalah yang Mirip

: Manfaatkan fitur pengelompokan otomatis Firebase. Anda juga dapat menandai crash yang terkait dengan kunci kustom konsisten dan menggunakan judul yang deskriptif untuk memudahkan pengawasan. __CAPGO_KEEP_0__ .

  • Izin:

    • Sebutkan pelaporan kecelakaan dalam kebijakan privasi Anda.
    • Dapatkan persetujuan pengguna untuk pengumpulan data di wilayah dengan regulasi GDPR.
    • Berikan pengguna dengan opsi untuk keluar dari pelaporan kecelakaan.
  • Kontrol Pengumpulan Data:

    await FirebaseCrashlytics.setCrashlyticsCollectionEnabled({enabled: false});
    await FirebaseCrashlytics.setCrashlyticsCollectionEnabled({enabled: true});
  • Penyimpanan Data:

    • Atur penghapusan data otomatis setelah 90 hari.
    • Bersihkan informasi sensitif dari laporan Anda.
    • Gunakan kunci kustom non-identifikasi untuk menjaga privasi pengguna saat debugging.

Capgo Integrasi

Capgo Dashboard Interface Perbarui Hidup

Alihkan proses dari deteksi crash hingga pengiriman perbaikan dengan menggabungkan sistem pembaruan langsung Capgo dengan Crashlytics.

Tentang Capgo

Capgo adalah alat pembaruan langsung yang dirancang khusus untuk aplikasi Capacitor. Dengan lebih dari 1.900 aplikasi di produksi dan tingkat pembaruan 95% dalam 24 jam, itu memastikan perbaikan cepat tanpa penundaan dari persetujuan toko aplikasi [1].

Fitur utama termasuk:

  • Enkripsi ujung ke ujung untuk pembaruan yang aman
  • Pulihkan satu kali ke versi sebelumnya
  • Distribusi berdasarkan saluran untuk rilis yang sasaran
  • Integrasi CI/CD yang Tuntas
  • A Platform Sumber Terbuka 100%

Crashlytics dan Capgo Bersama

Menggunakan Crashlytics dengan Capgo menciptakan alur kerja yang efisien untuk mengidentifikasi dan menyelesaikan masalah dengan cepat.

Berikut cara kerjanya:

  1. Deteksi dan Tanggapan Crash
    Crashlytics mengidentifikasi crash, dan Capgo memungkinkan Anda untuk mengdeploy perbaikan secara instan tanpa harus menunggu persetujuan toko aplikasi.

  2. Pembaruan yang Ditargetkan

    • Pengujian Beta: Uji perbaikan dengan kelompok tertentu untuk memastikan bahwa mereka efektif.
    • Rollout yang Dipersiapkan: Melakukan pengembangan perbaruan secara bertahap untuk mengurangi risiko.
    • Emergency Fix : Segera push patch kritis untuk menyelesaikan masalah darurat.
  3. Monitoring dan Verifikasi
    Setelah mengembangkan perbaruan dengan Capgo, gunakan Crashlytics untuk mengikuti tingkat kecelakaan dan memastikan masalah telah teratasi.

Keamanan dan Aturan Toko Aplikasi

Capgo mematuhi kebijakan Apple dan Google sambil menyediakan fitur keamanan yang kuat:

  • 82% tingkat kesuksesan global untuk mengirimkan perbaruan [1]
  • Pengendalian versi otomatis untuk organisasi yang lebih baik
  • Kemampuan mematuhi pedoman pengembangan perbaruan toko aplikasi

Untuk integrasi yang lebih aman dengan Crashlytics:

  • Aktifkan pengikatan kesalahan di kedua sistem.
  • Gunakan alat pemantauan Capgo bersama laporan Crashlytics.
  • Tetapkan kontrol versi untuk semua update.
  • Tetapkan log yang rinci untuk update untuk keperluan audit.

Lanjutkan ke bagian Pengaturan Plugin untuk mengeksplorasi alat update live lainnya.

Pengaturan Plugin

Memilih plugin pelaporan crash yang tepat dapat sangat mempengaruhi cara Anda mengidentifikasi dan memperbaiki kesalahan di aplikasi Anda.

Berikut adalah perbandingan cepat dari Crashlytics dengan alat pelaporan kesalahan populer lainnya untuk Capacitor:

  • Sentry: Menawarkan tingkat gratis dengan rencana berbayar mulai dari $26/bulan. Mendukung lebih dari 30 platform dan menyediakan pemantauan kesalahan waktu nyata dengan konteks yang rinci.
  • Bugsnag: Mulai dari $47/bulan. Menutupi baik platform mobile dan web, menampilkan pengelompokan otomatis kesalahan dan pengawasan rilis.
  • RollbarMulai dari $31/bulan. Bekerja di berbagai platform, dengan fitur seperti pelacakan pengiriman dan pelacakan orang.

Crashlytics sangat menarik bagi tim yang sudah menggunakan Firebase, terutama karena integrasinya yang halus dan tingkat gratis.

Ringkasan

Berikut adalah penjelasan singkat tentang apa yang telah Anda capai dan apa yang akan datang:

Ringkasan Langkah-langkah Pengaturan

Anda telah menyelesaikan tiga langkah kunci untuk memulai:

  • Membuat proyek Firebase dan mendaftarkan aplikasi iOS/Android Anda.
  • Menginstal dan mengonfigurasi plugin Crashlytics.
  • Memperbarui file-file platform iOS dan Android yang diperlukan.

Mengapa Mengintegrasikan Alat-Alat Ini?

Menggabungkan Firebase Crashlytics dengan Capgo memberikan Anda sistem yang kuat untuk pelacakan kesalahan dan manajemen pembaruan. Pairing Firebase Crashlytics with __CAPGO_KEEP_0__ gives you a powerful system for error tracking and update management. Berikut ini adalah apa yang ditawarkan kombinasi ini:

  • Pembaruan cepat : Push pembaruan instan dan kembali ke perubahan dengan hanya satu klik.
  • Pembaruan yang dapat diandalkan : Pastikan pembaruan tersebut diterima luas dan disampaikan dengan lancar kepada pengguna.

Apa yang Selanjutnya?

  1. Aktifkan analisis kecelakaan rinci di Firebase Console.
  2. Tambahkan Capgo ke pipeline CI/CD Anda untuk pembaruan yang lebih terstruktur.
  3. Gunakan Capgo saluran untuk menguji dan merilis pembaruan per langkah.

Dengan Crashlytics dan Capgo yang ada, Anda sudah siap untuk menjaga aplikasi Anda berjalan lancar dan terus meningkatkan waktu.

Teruskan dari Firebase Crashlytics untuk Capacitor Aplikasi

Jika Anda menggunakan Firebase Crashlytics untuk Capacitor Aplikasi untuk merencanakan pekerjaan plugin native, hubungkannya dengan Capgo Direktori Plugin untuk alur kerja produk di Capgo Direktori Plugin, Capacitor Plugin oleh Capgo untuk detail implementasi di Capacitor Plugin oleh Capgo, Menambahkan atau Mengupdate Plugin untuk detail implementasi di Menambahkan atau Mengupdate Plugin, Alternatif Plugin Enterprise Ionic untuk alur kerja produk di Alternatif Plugin Enterprise Ionic, dan Capgo Native Builds for the product workflow in Capgo Native Builds.

Pembaruan Langsung untuk Aplikasi Capacitor

Ketika bug-layer web masih aktif, kirimkan perbaikan melalui Capgo bukan menunggu hari-hari untuk persetujuan toko aplikasi. Pengguna mendapatkan pembaruan di latar belakang sementara perubahan native tetap dalam jalur ulasan normal.

Mulai Sekarang

Terbaru dari Blog Kami

Capgo memberikan Anda wawasan terbaik yang Anda butuhkan untuk menciptakan aplikasi mobile yang benar-benar profesional.