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

Pemasar Konten

Firebase Crashlytics untuk Aplikasi Capacitor

Firebase Crashlytics membantu Anda mengikuti kejadian crash aplikasi secara real-time, menyediakan laporan detail 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 crash waktu nyata.
    • Analisis laporan kejadian crash dengan grouping masalah otomatis.
    • Pantau kesalahan kritikal 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-berkas spesifik 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 kesalahan dan ramah pengguna. Mulai dengan mengatur Firebase Crashlytics hari ini!

2021 Panduan Android: Firebase Crashlytics - kesalahan …

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:

  • Ambil google-services.json dari Firebase Console.
  • Buat perubahan pada file baik pada tingkat proyek maupun aplikasi. build.gradle Update
  • untuk mencakup izin yang diperlukan. AndroidManifest.xml Firebase

Pengaturan Console Firebase Dashboard Platform Firebase

Tetapkan Firebase dan aktifkan Crashlytics melalui langkah-langkah ini:

Buat proyek Firebase

  1. dan aktifkan Crashlytics. __CAPGO_KEEP_0__

  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:

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

    For iOS (Podfile):

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

Sekarang, Anda sudah siap untuk melanjutkan ke bagian Penginstalan Plugin.

Penginstalan Langkah-Langkah

Penginstalan Plugin

Pertama, instal plugin dan sinkronisasikan dengan Capacitor:

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

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

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

Konfigurasi Platform

Konfigurasi yang diperlukan untuk platform Android dan iOS.

Konfigurasi Android

  1. Tambahkan plugin Gradle Crashlytics ke file 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 kecelakaan tes dengan kunci kustom:

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

    await FirebaseCrashlytics.setUserId({userId: 'user123'});
  • Logkan acara 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.

Penting: 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 konfigurasi 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.
  • Masalah stabilitas: Berapa sering crash terjadi.
  • Analisis dampak: Jumlah pengguna yang terpengaruh.

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

Tips Ahli: Aktifkan fitur “peringatan kecepatan” untuk menerima pemberitahuan ketika tingkat kegagalan tiba-tiba meningkat. Hal ini dapat membantu Anda menangani masalah sebelum mereka mempengaruhi banyak pengguna.

Tips Manajemen Kesalahan

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

  • Pakai Kunci Bawaan: Tambahkan konteks pada laporan kegagalan dengan kunci bawaan. Misalnya:

    await FirebaseCrashlytics.setCustomKey({
      key: 'current_view',
      value: 'payment_processing'
    });
  • Grupkan Masalah Serupa: Manfaatkan grup masalah otomatis Firebase. Anda juga dapat menandai kegagalan terkait dengan kunci bawaan konsisten dan menggunakan judul yang jelas dan deskriptif untuk memudahkan pengawasan.

Mengamankan Privasi Pengguna

Untuk memastikan kinerja dan menjaga data pengguna, ikuti pedoman berikut:

  • Izin:

    • Sebutkan pelaporan kecelakaan dalam kebijakan privasi.
    • Dapatkan persetujuan pengguna untuk pengumpulan data di wilayah dengan regulasi GDPR.
    • Berikan pengguna dengan pilihan 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-identifiable untuk menjaga privasi pengguna saat debugging.

Capgo Integrasi

Capgo Dashboard Interface Pembaruan Langsung

Sederhanakan proses dari deteksi kecelakaan hingga pengiriman perbaikan dengan memasangkan sistem pembaruan langsung Capgo dengan Crashlytics.

Tentang Capgo

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

Fitur utama termasuk:

  • Enkripsi akhir ke akhir untuk pembaruan yang aman
  • Rollback satu-klik ke versi sebelumnya
  • Distribusi berdasarkan saluran untuk rilis yang sasaran
  • Integrasi CI/CD yang halus
  • 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 Kecelakaan
    Crashlytics mengidentifikasi kecelakaan, dan Capgo memungkinkan Anda untuk mengdeploy perbaikan secara instan tanpa harus menunggu persetujuan toko aplikasi.

  2. Pembaruan Terfokus

    • : Tes perbaikan dengan kelompok tertentu untuk memastikan bahwa mereka efektif.Rollout Langkah demi Langkah
    • : Deploy pembaruan secara bertahap untuk mengurangi risiko.__CAPGO_KEEP_0__
    • Pembaruan Darurat: Cepat pushkan patch kritis untuk menyelesaikan masalah darurat.
  3. Pantauan dan Verifikasi
    Setelah menginstal pembaruan dengan Capgo, gunakan Crashlytics untuk melacak tingkat kegagalan dan memastikan masalah telah teratasi.

Keamanan dan Aturan App Store

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

  • 82% tingkat kesuksesan global dalam mengirimkan pembaruan [1]
  • Pengendalian Versi Otomatis untuk Organisasi yang Lebih Baik
  • Pemenuhan dengan pedoman pembaruan hidup di app store

Untuk integrasi yang aman dengan Crashlytics:

  • Aktifkan pelacakan kesalahan di kedua sistem.
  • Gunakan alat pantauan Capgo bersama dengan laporan Crashlytics.
  • Tetapkan kontrol versi untuk semua pembaruan.
  • Tetapkan log rinci tentang pembaruan untuk keperluan audit.

Lanjutkan ke bagian Plugin Options untuk mengeksplorasi alat pembaruan hidup lainnya.

Plugin Options

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 rinci.
  • Bugsnag: Mulai dari $47/bulan. Menutupi baik platform mobile dan web, menampilkan pengelompokan kesalahan otomatis dan pengawasan rilis.
  • Rollbar: Dibanderol mulai dari $31/bulan. Berlaku di beberapa platform, dengan fitur seperti pengawasan pengembangan dan pengawasan orang.

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

Ringkasan

Berikut adalah gambaran 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.
  • Mengupdate file-platform iOS dan Android yang diperlukan.

Mengapa Mengintegrasikan Alat-Alat Ini?

Menggabungkan Crashlytics Firebase dengan Capgo memberikan Anda sistem yang kuat untuk pemantauan kesalahan dan pengelolaan updateBerikut adalah apa yang kombinasi ini tawarkan:

  • Pembaruan Cepat: Push pembaruan instan dan kembali perubahan dengan hanya satu klik.
  • Pembaruan yang Dapat Dipercaya: Pastikan pembaruan diterima luas dan disampaikan dengan lancar kepada pengguna.

Apa yang Akan Datang?

  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 perbaikan langkah demi langkah.

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

Teruskan dari Firebase Crashlytics untuk Aplikasi Capacitor

Jika Anda menggunakan Firebase Crashlytics untuk Aplikasi Capacitor untuk merencanakan kerja 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 Build Nativ untuk alur kerja produk di Capgo Pembangunan Nativ.

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 review normal.

Mulai Sekarang

Terbaru dari Blog Kami

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