Langkapi ke konten utama
@capgo/capacitor-diagnostika Jaringan Alat Pengembang Terbuka Sumber

Diagnosa Jaringan Plugin Capacitor

Jalankan diagnosa jaringan native untuk mencapai URL, porta TCP, tangan kesepakatan WebSocket, kecepatan, dan kehilangan paket

Pasang

bun add @capgo/capacitor-network-diagnostics bunx cap sync
npm, pnpm or yarn
  • npm install @capgo/capacitor-network-diagnostics
  • pnpm add @capgo/capacitor-network-diagnostics
  • yarn add @capgo/capacitor-network-diagnostics

Panduan

Cara Menggunakan Diagnostik Jaringan di Capacitor

Menggunakan @capgo/capacitor-network-diagnostics

Diagnostics jaringan native untuk aplikasi Capacitor yang memerlukan debug Wi-Fi terbatas, portal tertangkap, port yang diblokir, gagal WebSocket, download lambat, dan kehilangan paket.

Install

npm install @capgo/capacitor-network-diagnostics
npx cap sync

Apa yang Dibuka oleh Plugin Ini

  • getNetworkStatus - Baca jenis koneksi native dan flag jaringan platform.
  • testUrl - Periksa ketersediaan URL HTTP atau HTTPS dengan status code dan latency.
  • testPort - Buka soket TCP native ke sebuah host dan port.
  • testWebSocket - Validasi ws:// tangan. wss:// handshake.
  • testDownloadSpeed -Mengukur kecepatan download native.
  • testPacketLoss - Perkirakan kehilangan paket aplikasi dengan probe yang diulang.
  • runDiagnostics - Jalankan pemeriksaan diagnostik kombinasi dan kembalikan daftar masalah.

Contoh Penggunaan

import { NetworkDiagnostics } from '@capgo/capacitor-network-diagnostics';

const report = await NetworkDiagnostics.runDiagnostics({
  urls: [{ url: 'https://api.example.com/health' }],
  ports: [{ host: 'api.example.com', port: 443 }],
  websockets: [{ url: 'wss://ws.example.com/socket' }],
  packetLoss: {
    mode: 'tcp',
    host: 'api.example.com',
    port: 443,
    count: 10,
  },
});

console.log(report.status);
console.log(report.issues);

Alur Bantuan

Harapkan pengguna yang terkena masalah menjalankan diagnostik sambil terhubung ke Wi-Fi atau titik akses yang bermasalah. Kirim hasilnya ke bantuan dengan:

  • tipe koneksi dan flag jaringan OS
  • jenis koneksi dan flag jaringan OS
  • download Mbps
  • kecepatan download Mbps
  • persentase kehilangan paket

Pengiriman ICMP mentah tidak dapat dipindahkan pada aplikasi iOS dan Android, sehingga kehilangan paket diukur dengan probe TCP atau HTTP yang diulang.

Referensi Lengkap

FAQ

FAQ untuk Plugin Diagnosa Jaringan

Bagaimana cara saya menginstal plugin Diagnosa Jaringan di aplikasi Capacitor?

Jalankan "bun add @capgo/capacitor-network-diagnostics" (atau "npm install @capgo/capacitor-network-diagnostics"), kemudian jalankan "bunx cap sync" agar projek iOS dan Android dapat menangkap native code. Import dari "@capgo/capacitor-network-diagnostics" di aplikasi code.

Apakah @capgo/capacitor-network-diagnostics berfungsi dengan React, Vue, dan Angular?

Ya. Diagnosa Jaringan adalah paket Capacitor, sehingga berfungsi dengan semua framework web yang berjalan di dalam Capacitor, termasuk Ionic, React, Vue, Angular, Svelte, dan JavaScript biasa.

Versi Capacitor mana yang didukung oleh @capgo/capacitor-network-diagnostics?

Capgo plugin mengikuti versi utama Capacitor: gunakan versi plugin utama yang sesuai dengan versi utama Capacitor (misalnya plugin v8 dengan Capacitor 8). Tabel kompatibilitas di README GitHub menampilkan versi yang dipertahankan.

Apakah @capgo/capacitor-network-diagnostics gratis dan terbuka sumber?

Ya. Sumber code tersedia secara publik di GitHub di https://github.com/Cap-go/capacitor-network-diagnostics/ dan paketnya dapat diinstal secara gratis dari npm. Laporan bug dan permintaan pull selalu welcome.

Dapatkah saya memperbarui code yang menggunakan Diagnosa Jaringan tanpa melalui tinjauan App Store?

Menginstal atau mengupgrade plugin mengubah native code, sehingga memerlukan build aplikasi baru. Setelah itu, perubahan JavaScript, HTML, dan CSS yang memanggil plugin dapat dikirimkan secara langsung dengan Capgo live updates.

Kirim perubahan Diagnostik Jaringan tanpa menunggu tinjauan aplikasi

Setelah plugin masuk dalam build toko Anda, Capgo live updates meneruskan perubahan JavaScript, HTML, dan CSS Anda ke pengguna dalam menit.

Mulai dengan Capgo