Lewati ke konten utama

Atur Pengaturan Pengukuran Kinerja di Capacitor

Pelajari cara mengatur pengukuran kinerja di aplikasi Anda menggunakan Firebase dan Sentry untuk meningkatkan efisiensi dan kepuasan pengguna.

Martin Donadieu

Martin Donadieu

Spesialis Konten

Atur Pengaturan Pengukuran Kinerja di Capacitor

Ingin mengoptimalkan aplikasi Anda Capacitor Bagaimana kinerja aplikasi? Alat monitoring seperti Firebase dan Sentry dapat membantu Anda mengikuti kegagalan, penggunaan sumber daya, dan waktu respons, sehingga pengalaman pengguna menjadi lebih halus. Berikut adalah ringkasan singkat:

  • Mengapa Mengawasi Kinerja: Identifikasi kegagalan, optimalkan penggunaan sumber daya, dan perbaiki waktu respons.
  • Alat untuk Digunakan:
    • Firebase: Data kinerja waktu nyata, pemantauan jaringan, dan pengikatan acara kustom.
    • Sentry: Perekaman kesalahan rinci, analisis jejak, dan pemberitahuan waktu nyata.
  • Langkah-Langkah Pengaturan:
    • Pasang Firebase atau Sentry SDK.
    • Tetapkan aplikasi Anda untuk melacak metrik kinerja atau kesalahan.
    • Gunakan dashboard untuk menganalisis dan meningkatkan kinerja aplikasi.

Perbandingan Cepat:

FiturFirebaseSentry
Pengawasan Waktu NyataKeterlambatan ringanSekitar instan
Dukungan AsliAndroid, iOSAndroid, iOS, Web
Metrik yang Dapat DisesuaikanDasarFlexibel
Kemudahan IntegrasiAlur Kerja yang Berbasis GooglePengaturan SDK yang Sederhana

Untuk pembaruan langsung, integrasikan alat seperti Capgo untuk mempercepatkan perbaikan secara instan tanpa menunggu penundaan dari toko aplikasi. Mulai memantau hari ini untuk meningkatkan efisiensi dan kepuasan pengguna aplikasi Anda.

Optimalkan kesehatan aplikasi dengan Firebase Pengaturan Kinerja …

Dashboard Firebase Platform

Pilih Alat Pemantauan

Pilih alat pemantauan yang sesuai dengan kebutuhan aplikasi Anda dan keahlian tim Anda. Berikut adalah pandangan tentang Firebase Performance Monitoring dan Sentry untuk membantu Anda memutuskan.

Perbandingan Alat

FiturFirebase Performance MonitoringSentry
Model HargaTingkat gratis dengan opsi bayar yang dapat diperluasTingkat gratis dengan rencana pertumbuhan yang terjangkau
Pengawasan Sederhana Waktu NyataInsight kinerja dengan sedikit keterlambatanPengawasan yang sangat cepat
Dukungan Platform AsliAndroid dan iOSAndroid, iOS, dan web
Kompleksitas IntegrasiBekerja dengan layanan GooglePengaturan SDK yang sederhana
Pengukuran Acara KustomMetrik Kustom DasarPengukuran Acara Kustom Fleksibel
Masa RetensiTerbatas pada tingkat gratisDiperluas di semua paket

Kriteria Seleksi

Ketika memutuskan antara alat-alat ini, pertimbangkan hal-hal berikut:

  • Ukuran Aplikasi dan Lalu LintasUntuk aplikasi yang mengharapkan pertumbuhan cepat, Firebase adalah pilihan yang solid. Sentry mungkin lebih cocok untuk implementasi skala kecil.
  • Kebutuhan Teknis: Firebase memerlukan Google Play Services, membuatnya sangat ideal untuk aplikasi di dalam ekosistem tersebut.
  • Sentry bekerja secara independen, menawarkan fleksibilitas yang lebih luas di berbagai platform.: Firebase aligns well with teams already familiar with Google tools, while Sentry’s straightforward SDK setup is easier for broader use cases.
  • : Firebase sangat sesuai dengan tim yang sudah familiar dengan alat-alat Google, sementara Sentry’s __CAPGO_KEEP_0__ setup yang lebih sederhana lebih mudah digunakan untuk kasus penggunaan yang lebih luas.Keterbatasan Anggaran
  • : Kedua alat ini menawarkan tingkat gratis, tetapi bandingkan biaya skala fitur untuk memastikan bahwa mereka sesuai dengan anggaran Anda.Tujuan Integrasi
  • : Firebase terintegrasi dengan lancar dengan alur kerja berbasis Google, sementara Sentry sangat kuat dalam penggunaan tracking kesalahan.Kebijakan Regulasi : Pastikan alat tersebut memenuhi standar sepertiGDPR
  • Frekuensi Perbarui: Jika frekuensi perbarui yang kritis, alat seperti Capgo dapat mempercepat perbaikan live, melengkapi pengaturan pemantauan Anda.

Petunjuk Pengaturan Firebase

Mengatur Pengaturan Pemantauan Kinerja Firebase di aplikasi Anda Capacitor memerlukan beberapa langkah yang jelas untuk memastikan pengukuran data yang akurat.

Install Firebase SDK

Mulai dengan menambahkan Firebase SDK ke proyek Anda dan mengkonfigurasinya untuk platform Anda:

  • Pasang Ketergantungan Firebase

Jalankan perintah-perintah berikut untuk memasang paket-paket Firebase yang diperlukan:

npm install @capgo/capacitor-firebase-performance
npm install firebase
  • Inisialisasi Firebase

Atur Firebase di file aplikasi utama Anda:

import { FirebasePerformance } from '@capgo/capacitor-firebase-performance';
import { initializeApp } from 'firebase/app';

const firebaseConfig = {
  // Add your Firebase configuration object here
};

initializeApp(firebaseConfig);
await FirebasePerformance.initializePerformance();
  • Tambah Konfigurasi Platform

Perbarui file Anda untuk mengaktifkan pengawasan kinerja: capacitor.config.json Tetapkan Pengaturan Pengawasan Kinerja

{
  "plugins": {
    "FirebasePerformance": {
      "collectMetrics": true,
      "instrumentationEnabled": true,
      "dataCollectionEnabled": true
    }
  }
}

Anda dapat memulai mengawasi aktivitas aplikasi tertentu seperti kueri basis data atau permintaan jaringan menggunakan Pengawasan Kinerja Firebase.

Ikuti Kueri Basis Data

  • Monitor Permintaan Jaringan
async function trackDatabaseQuery() {
  const trace = await FirebasePerformance.startTrace({ traceName: 'database_query' });

  // Perform your database operation
  await performDatabaseOperation();

  await FirebasePerformance.stopTrace({ traceName: 'database_query' });
}
  • Ikuti Metrik Kustom
await FirebasePerformance.setAttributes({
  traceName: 'api_call',
  attributes: {
    endpoint: '/users',
    method: 'GET'
  }
});
  • Untuk metrik kustom, seperti mengikuti nilai keranjang belanja:

Setelah trase-trase ini diimplementasikan, Anda dapat meninjau data yang dikumpulkan di Console Firebase.

await FirebasePerformance.putMetric({
  traceName: 'checkout_flow',
  metricName: 'cart_value',
  value: 99.99
});

Gunakan Console Firebase

Setelah pengaturan pengawasan diatur, Anda dapat melihat dan menganalisis data kinerja aplikasi Anda di Console Firebase:

For custom metrics, such as tracking the value of a shopping cart:__CAPGO_KEEP_0__

  1. Akses Data Kinerja

    • Masuk ke Firebase Console.
    • Pilih proyek Anda.
    • Navigasikan ke Pengawasan Kinerja.
    • Pilih aplikasi Anda dari menu dropdown.
  2. Monitor Indikator Utama

Dashboard memberikan wawasan tentang berbagai indikator kinerja, termasuk:

  • Waktu mulai aplikasi
  • Rasio kesuksesan permintaan jaringan
  • Waktu render layar
  • Hasil dari tracing kustom
  1. Atur Laporan Kustom

Buat laporan yang disesuaikan untuk menganalisis aspek tertentu dari kinerja aplikasi Anda, seperti:

  • Perbedaan kinerja berdasarkan lokasi
  • Metrik berdasarkan jenis perangkat
  • Efek kondisi jaringan
  • Polanya dalam jejak kustom

Gunakan alat-alat ini untuk mengidentifikasi dan menangani botan kinerja yang efektif.

Sentry Pengaturan Pemantauan Kesalahan

Dashboard Pemantauan Kesalahan Sentry

Firebase mengelola metrik kinerja, tetapi Sentry lebih fokus pada menangkap dan mendiagnosis kesalahan. Bersama-sama, mereka memberikan Anda pengaturan pemantauan yang kuat.

Pasang Sentry SDK

Mulai dengan menginstal paket-paket yang diperlukan Sentry:

npm install @sentry/capacitor
# Add the Sentry package for your specific framework

Setelah terinstal, atur Sentry di titik masuk aplikasi Anda.

Inisialisasi Sentry

Konfigurasi Sentry di titik masuk aplikasi Anda menggunakan konfigurasi berikut:

import * as Sentry from "@sentry/capacitor";
import { BrowserTracing } from "@sentry/browser";

Sentry.init({
    dsn: "your-project-dsn",
    integrations: [new BrowserTracing()],
    tracesSampleRate: 0.2,
    environment: "production",
    release: "app-version@" + process.env.VERSION,
    dist: process.env.BUILD_NUMBER,
    debug: false
});

Konfigurasi Pemantauan Kesalahan

Anda dapat menyesuaikan pemantauan kesalahan lebih lanjut dengan menggunakan batas kesalahan yang disesuaikan dan blok try-catch.

Batasan Kesalahan yang Disesuaikan:

Pemantauan Kesalahan yang Spesifik:

class ErrorBoundary extends React.Component {
    componentDidCatch(error, errorInfo) {
        Sentry.captureException(error, { extra: errorInfo });
    }
}

Pemantauan Kinerja:

try {
    riskyOperation();
} catch (error) {
    Sentry.captureException(error, {
        tags: { operation: "data_sync", severity: "critical" },
        extra: { userId: currentUser.id, timestamp: new Date().toISOString() }
    });
}

Metode-metode ini memastikan aplikasi Anda merekam kesalahan dengan efektif, sehingga lebih mudah untuk dilacak dan diselesaikan melalui Sentry.

const transaction = Sentry.startTransaction({
    name: "API Request",
    op: "http.request"
});

try {
    await makeApiCall();
} finally {
    transaction.finish();
}

Gunakan Dashboard Sentry

__CAPGO_KEEP_0__

Dashboard Pengawas Sentry menyediakan alat untuk menggali kesalahan dan memahaminya lebih baik:

  • Pengawasan Real-Time: Periksa frekuensi kesalahan, status penyelesaian, dan pengguna yang terpengaruh.
  • Analisis Kesalahan: Tinjau jejak stack, kelompokkan kesalahan yang sama, dan filter berdasarkan lingkungan.
  • Pemberitahuan: Tentukan ambang batas kesalahan, atur opsi pemberitahuan, dan buat aturan pemberitahuan kustom.

Dashboard ini membuat mendiagnosis dan memperbaiki masalah menjadi lebih mudah.

Praktik Terbaik Pengawasan

Fokus pada Indikator Utama

Capgo’s analisis dari 750 aplikasi produksi [1] menyoroti indikator utama untuk diperhatikan:

  • Sukses Perbarui Rate: Usahakan setidaknya 82%.
  • Kecepatan Perbarui: CDN Global harus mengirim 5 MB dalam 114 ms.
  • Penerimaan Pengguna: 95% pengguna harus memperbarui dalam 24 jam.
  • API Waktu Tanggapan: Jaga di bawah 500 ms (rata-rata global adalah 434 ms).

Atur peringatan untuk mendeteksi dengan cepat setiap deviasi dalam metrik ini.

Buat Aturan Pemberitahuan Efektif

Berikut adalah contoh cara mengonfigurasi peringatan untuk pemantauan kinerja:

// Example alert configuration
{
    performance: {
        apiLatency: {
            threshold: 1000, // ms
            period: "5m",
            condition: "above"
        },
        errorRate: {
            threshold: 1.0, // percentage
            period: "15m",
            condition: "above"
        },
        updateSuccess: {
            threshold: 75, // percentage
            period: "1h",
            condition: "below"
        }
    }
}

Terus Pantau dan Beri Tambah

Setelah peringatan Anda sudah berada di tempat, fokus pada pemantauan yang terus-menerus dan peningkatan:

  • Pemeriksaan Kinerja Terus-Menerus: Tinjau tingkat kesuksesan pembaruan oleh wilayah, analisis tren kesalahan untuk versi aplikasi yang berbeda, dan pantau waktu respons API selama jam-jam puncak.

  • Peluncuran Langsung untuk Pembaruan: Mulai dengan 10% pengguna selama 24 jam pertama. Jika semuanya berjalan lancar, meningkatkan ke 50% dan finalisasi peluncuran setelah 48 jam kinerja stabil.

  • Optimasi Berkelanjutan: Investigasi pembaruan yang gagal, identifikasi endpoint API yang berkinerja lambat, dan evaluasi partisipasi pengguna setelah pembaruan untuk memastikan perbaikan yang berkelanjutan.

Capgo Pembaruan dan Pemantauan

Capgo Dashboard Pembaruan Langsung

Fitur-Fitur Utama Capgo

Sistem pembaruan langsung Capgo yang telah diuji pada 750 aplikasi produksi, mengirimkan paket 5MB dalam waktu 114ms [1].

Fitur utama termasuk:

  • Analitis Sempit: Pantau tingkat kesuksesan pembaruan waktu nyata, yang saat ini rata-rata 82% di seluruh dunia [1].
  • Pengembangan Instan: Kirim perbaikan kritis tanpa menunggu persetujuan toko aplikasi.
  • Pembaruan Sebagian: Unduh hanya komponen yang berubah, menghemat bandwidth dan waktu.
  • Pengendalian Versi: Cepat kembali ke pembaruan yang mengganggu kinerja.

Sistem ini dapat diintegrasi dengan mudah dengan alat monitoring yang ada, sehingga operasi tetap lancar.

“Kami mengeluarkan pembaruan OTA Capgo di produksi untuk basis pengguna kami yang lebih dari 5000. Kami melihat operasi yang sangat lancar hampir semua pengguna kami sudah update dalam beberapa menit setelah OTA dideploy ke @Capgo.” - colenso [1]

Combina Alat dengan Capgo

Capgo’s analytics memungkinkan peluncuran rolut, membantu tim memastikan stabilitas sebelum rilis penuh.

Aspek MonitoringCapgo IntegrasiAlat Tambahan
Pengenalan KesalahanPengawasan Kesalahan TerintegrasiPasang dengan Sentry untuk mendapatkan detail jejak keterkaitan
Metrik KinerjaMengikuti tingkat kesuksesan pembaruanGunakan Firebase untuk data interaksi pengguna
Waktu ResponAPI pengawasan responMeningkatkan dengan acara waktu Firebase yang disesuaikan

Untuk mengonfigurasi sistem saluran Capgo dengan efektif:

  • Terlebih dahulu, rilis pembaruan kepada tes tester beta.
  • Gunakan Capgo’s analitis untuk memantau metrik kinerja.
  • Perluas secara bertahap pengembangan ke basis pengguna yang lebih luas.

“We practice agile development and @Capgo is mission-critical in delivering continuously to our users!” - Rodrigo Mantica [1]

“Kami melaksanakan pengembangan yang berkelanjutan dan @Capgo sangat penting dalam menyampaikan secara terus-menerus kepada pengguna kami!” - Rodrigo Mantica

Dengan 23,5 juta pembaruan yang disampaikan secara global, __CAPGO_KEEP_0__’s dashboard waktu nyata memberikan wawasan yang jelas, memungkinkan tim untuk membuat keputusan cerdas tentang pembaruan dan perbaikan kinerja.

Langkah-Langkah Selanjutnya

Poin Utama

Mengawasi metrik kunci sangat penting untuk memantau kinerja yang efektif. Gunakan alat untuk mengikuti indikator kritis ini:Tipe MetrikAlat yang Dianjurkan
Kinerja AplikasiWaktu respons, kegagalanFirebase Performance
Pengenalan KesalahanTingkat kesalahan, jejak stackSentry
Pembaruan Analitik__CAPGO_KEEP_0__ AnalitikCapgo Analytics

Pelajari Lebih Lanjut

__CAPGO_KEEP_0__

Alat pemantau kinerja dan praktik selalu berkembang. Tetaplah maju dengan menjelajahi panduan dan strategi ini:

Dokumentasi Resmi:

  • Dokumentasi Pemantauan Kinerja Firebase
  • Sentry’s Capacitor integration guide
  • Capacitor’s Panduan Optimasi Kinerja Resmi

Implementasi LanjutanTamu Capgo’s sistem analitik, yang telah sukses digunakan di lebih dari 750 aplikasi produksi [1]. Dokumentasi mereka memberikan wawasan tentang pola pemantauan dan strategi pembaruan hidup yang berfungsi dengan lancar bersama dengan alat lainnya untuk pemantauan kinerja.

Pembaruan hidup untuk aplikasi Capacitor

Jika ada bug layer web yang hidup, kirimkan perbaikan melalui Capgo daripada menunggu hari-hari untuk persetujuan toko aplikasi. Pengguna mendapatkan pembaruan di latar belakang sementara perubahan native tetap berada di jalur ulasan normal.

Mulai Sekarang

Terbaru dari Blog Kami

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