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 kedua iOS dan Android.

Martin Donadieu

Martin Donadieu

Pengembang Konten

Firebase Crashlytics untuk Aplikasi Capacitor

Firebase Crashlytics membantu Anda melacak kejadian crash aplikasi secara waktu nyata, menyediakan laporan detail untuk memperbaiki masalah dengan cepat. Ini terintegrasi dengan Capacitor untuk aplikasi iOS dan Android. Berikut adalah hal-hal yang perlu Anda ketahui:

  • Mengapa Menggunakan Crashlytics?

    • Dapatkan peringatan crash waktu nyata.
    • Analisis laporan crash detail dengan pengelompokan masalah otomatis.
    • Monitor error 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 spesifik platform seperti Podfile (iOS) dan build.gradle (Android).
  • Langkah-Langkah Utama:

    • Instalasi Crashlytics:

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

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

    • Aktifkan Crash Test:

      await FirebaseCrashlytics.crash();
  • Tips Tambahan: Combinasikan Crashlytics dengan Capgo untuk pembaruan langsung tanpa menunggu proses pengembang aplikasi.

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

Panduan Android 2021: Firebase Crashlytics - crash … yang disesuaikan

Firebase Crashlytics

Persyaratan Pengaturan

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

Peralatan 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 terbaru untuk pengembangan Android
  • Versi terbaru dari CocoaPods (diperlukan untuk iOS)

Konfigurasi Platform File

Untuk iOS:

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

Untuk Android:

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

Firebase Pengaturan Konsol

Dashboard Firebase Platform

Ikuti langkah-langkah ini untuk mengatur Firebase dan mengaktifkan Crashlytics:

  1. Buat proyek Firebase dan aktifkan Crashlytics.

  2. Daftarkan aplikasi Anda di Konsol Firebase:

    • Gunakan ID Paket untuk iOS dan nama paket aplikasi 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-dependensi berikut:

    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 hasilnya @capgo/capacitor-firebase-crashlytics halaman plugin untuk referensi lengkap API:

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

Lalu, inisialisasikan Crashlytics di aplikasi Anda. Tambahkan kode berikut ini ke code Anda: 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 Crashlytics Gradle ke __CAPGO_KEEP_0__-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 crash 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()

[__CAPGO_KEEP_0__] Pengujian Konfigurasi

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

  • Aktifkan tes crash dengan kunci kustom:

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

    await FirebaseCrashlytics.setUserId({userId: 'user123'});
  • Logkan event 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 merilis aplikasi Anda. Untuk menonaktifkan pengumpulan crash selama pengembangan, gunakan:

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

Petunjuk Pemantauan

Setelah Anda telah mengonfirmasi konfigurasi dengan tes crash, gunakan Console Firebase untuk melacak crash dan kesalahan yang sebenarnya di aplikasi hidup Anda.

Membaca Laporan Crash

Laporan crash dapat ditemukan di Console Firebase di bawah bagian Crashlytics. Berikut ini yang akan Anda lihat:

  • Pengguna yang tidak mengalami 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 tumpukan jejak, informasi perangkat (misalnya, versi OS, memori), kunci kustom, log, dan perjalanan pengguna yang mengarah ke crash.

Tips Pro: Aktifkan fitur “pemberitahuan kecepatan” untuk mendapatkan pemberitahuan ketika tingkat crash tiba-tiba meningkat. Ini dapat membantu Anda menangani masalah sebelum mereka mempengaruhi banyak pengguna.

Tips Manajemen Error

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

  • Menggunakan Kunci Custom: Tambahkan konteks pada laporan kegagalan dengan kunci-kunci yang dapat disesuaikan. Misalnya:

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

Mengamankan Privasi Pengguna

Untuk memastikan kinerja dan melindungi data pengguna, ikuti pedoman ini:

  • Izin:

    • Sebutkan pelaporan kegagalan dalam kebijakan privasi Anda.
    • Minta izin pengguna untuk pengumpulan data di wilayah yang mengikuti regulasi GDPR.
    • Beri pengguna opsi untuk keluar dari pelaporan kegagalan.
  • Kontrol Pengumpulan Data:

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

    • Setelah 90 hari, hapus data secara otomatis.
    • Angkat informasi sensitif dari laporan Anda.
    • Pakai kunci kustom non-identifikasi untuk menjaga privasi pengguna saat debugging.

Capgo Pengintegrasian

Capgo Dashboard Interface Live Update

Alirkan proses dari pengenalan crash hingga pengiriman fix dengan menggabungkan sistem update hidup Capgo dengan Crashlytics.

Tentang Capgo

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

Fitur utama termasuk:

  • Enkripsi akhir-ke-akhir untuk pembaruan yang aman
  • Rollback satu-klik ke versi sebelumnya
  • Distribusi berbasis saluran untuk rilis yang sasaran
  • Integrasi CI/CD yang halus
  • A 100% platform terbuka

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 mengaktifkan perbaikan secara langsung tanpa menunggu persetujuan toko aplikasi.

  2. Pembaruan yang Ditargetkan

    • Pengujian Beta: Uji perbaikan dengan kelompok tertentu untuk memastikan bahwa mereka efektif.
    • Pembaruan yang Dipersiapkan : Mulai mengaktifkan pembaruan untuk mengurangi risiko.
    • Perbaikan Darurat : Segera kirimkan patch kritis untuk menyelesaikan masalah yang mendesak.
  3. Pantauan dan Verifikasi
    Setelah mengaktifkan pembaruan dengan Capgo, gunakan Crashlytics untuk melacak tingkat kecelakaan dan memastikan masalah telah teratasi.

Keamanan dan Aturan Toko Aplikasi

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

  • 82% tingkat kesuksesan global untuk mengirimkan pembaruan [1]
  • Kontrol versi otomatis untuk organisasi yang lebih baik
  • Kemampuan untuk mematuhi pedoman pembaruan hidup di toko aplikasi

Untuk integrasi yang aman dengan Crashlytics:

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

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

Plugin Options

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

Perbandingan cepat dari Crashlytics dengan alat lain untuk melaporkan kesalahan populer 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. Menutup baik platform mobile dan web, menampilkan pengelompokan kesalahan otomatis dan pelacakan rilis.
  • Rollbar: Dihargai dari $31/bulan. Berlaku di beberapa platform, dengan fitur seperti pelacakan pengembangan dan pelacakan orang.

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

Ringkasan

Berikut adalah pandangan cepat tentang apa yang telah Anda capai dan apa yang akan datang:

Ringkasan Langkah Pengaturan

Anda telah menyelesaikan tiga langkah kunci untuk memulai:

  • Buatlah proyek Firebase dan mendaftarkan aplikasi iOS/Android Anda.
  • Instal dan konfigurasi plugin Crashlytics.
  • Update file-file platform iOS dan Android yang diperlukan.

Mengapa Mengintegrasikan Alat-Alat Ini?

Menggabungkan Crashlytics Firebase dengan Capgo memberikan Anda sistem yang kuat untuk mengenali dan mengelola kesalahan. Manajemen Update. Berikut ini apa yang kombinasi ini tawarkan:

  • Pembaruan Instan: Push pembaruan instan dan kembali perubahan dengan hanya satu klik.
  • Penyebaran yang Terpercaya: Pastikan pembaruan diterima luas dan disampaikan kepada pengguna dengan lancar.

Apa yang Seterusnya?

  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 perbaikan langkah demi 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 kerja plugin native, hubungkan 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 Build Nativ.

Live updates untuk Capacitor apps

Ketika bug layer web masih aktif, kirimkan perbaikan melalui Capgo daripada menunggu hari-hari untuk persetujuan toko aplikasi. Pengguna mendapatkan update 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 profesional.