Langsung ke konten utama
@capgo/capacitor-wifi API Perangkat Open source

WiFi plugin Capacitor

Kelola konektivitas WiFi untuk aplikasi Capacitor Anda

Instal

bun add @capgo/capacitor-wifi bunx cap sync
npm, pnpm atau yarn
  • npm install @capgo/capacitor-wifi
  • pnpm add @capgo/capacitor-wifi
  • yarn add @capgo/capacitor-wifi

Panduan

Cara menggunakan WiFi di Capacitor

Tes di perangkat

Download aplikasi Capgo, lalu scan QR code.

Pratinjau QR plugin WiFi code

Menggunakan @capgo/capacitor-wifi

Plugin WiFi untuk mengelola konektivitas WiFi perangkat.

Instal

bun add @capgo/capacitor-wifi
bunx cap sync

Apa yang Diekspos Plugin Ini

  • addNetwork - Menampilkan dialog sistem untuk menambahkan jaringan Wi-Fi ke perangkat. Di Android SDK 30+, ini membuka pengaturan Wi-Fi sistem dengan jaringan yang sudah terisi. Di iOS, ini langsung terhubung ke jaringan tersebut.
  • connect - Terhubung ke jaringan Wi-Fi. Di Android, ini membuat koneksi sementara yang secara default tidak merutekan trafik melalui jaringan. Atur autoRouteTraffic ke true untuk mengikat trafik aplikasi ke jaringan yang terhubung (berguna untuk AP lokal/yang di-host perangkat). Untuk koneksi persisten di Android, gunakan addNetwork() sebagai gantinya. Di iOS, ini membuat koneksi persisten.
  • disconnect - Memutus koneksi dari jaringan Wi-Fi saat ini. Di iOS, hanya memutus koneksi dari jaringan yang ditambahkan lewat plugin ini.
  • getAvailableNetworks - Mendapatkan daftar jaringan Wi-Fi yang tersedia dari pemindaian terakhir. Hanya tersedia di Android.

Contoh Penggunaan

addNetwork

Tampilkan dialog sistem untuk menambahkan jaringan Wi-Fi ke perangkat. Pada Android SDK 30+, ini membuka pengaturan Wi-Fi sistem dengan jaringan yang sudah terisi. Pada iOS, ini langsung terhubung ke jaringan tersebut.

import { CapacitorWifi, NetworkSecurityType } from '@capgo/capacitor-wifi';

await CapacitorWifi.addNetwork({
  ssid: 'MyNetwork',
  password: 'mypassword',
  isHiddenSsid: false,
  securityType: NetworkSecurityType.WPA2_PSK
});

connect

Terhubung ke jaringan Wi-Fi. Pada Android, ini membuat koneksi sementara yang secara default tidak mengarahkan trafik melalui jaringan tersebut. Atur autoRouteTraffic ke true untuk mengikat trafik aplikasi ke jaringan yang terhubung (berguna untuk AP lokal yang di-host perangkat). Untuk koneksi persisten di Android, gunakan addNetwork() sebagai gantinya. Pada iOS, ini membuat koneksi yang persisten.

import { CapacitorWifi } from '@capgo/capacitor-wifi';

await CapacitorWifi.connect({
  ssid: 'MyNetwork',
  password: 'mypassword',
  autoRouteTraffic: true // Android only: route app traffic through this network
});

disconnect

Putuskan koneksi dari jaringan Wi-Fi saat ini. Pada iOS, hanya memutuskan koneksi dari jaringan yang ditambahkan melalui plugin ini.

import { CapacitorWifi } from '@capgo/capacitor-wifi';

await CapacitorWifi.disconnect();

getAvailableNetworks

Dapatkan daftar jaringan Wi-Fi yang tersedia dari pemindaian terakhir. Hanya tersedia di Android.

import { CapacitorWifi } from '@capgo/capacitor-wifi';

const { networks } = await CapacitorWifi.getAvailableNetworks();
networks.forEach(network => {
  console.log(`SSID: ${network.ssid}, Signal: ${network.rssi} dBm`);
});

Referensi Lengkap

Lanjutkan dari Menggunakan @capgo/capacitor-wifi

Jika Anda menggunakan Menggunakan @capgo/capacitor-wifi untuk merencanakan operasi dashboard dan API, hubungkan dengan @capgo/capacitor-wifi untuk detail implementasi di @capgo/capacitor-wifi, Panduan Memulai untuk detail implementasi di Getting Started, Ringkasan API untuk detail implementasi di API Overview, Pendahuluan untuk detail implementasi di Introduction, dan Kunci API untuk detail implementasi di API Keys.

FAQ

FAQ plugin WiFi

Bagaimana cara install plugin WiFi di aplikasi Capacitor?

Jalankan "bun add @capgo/capacitor-wifi" (atau "npm install @capgo/capacitor-wifi"), lalu jalankan "bunx cap sync" agar proyek iOS dan Android mendeteksi code native. Import dari "@capgo/capacitor-wifi" di dalam code aplikasi Anda.

Apakah @capgo/capacitor-wifi bisa dipakai dengan React, Vue, dan Angular?

Bisa. WiFi adalah package Capacitor, jadi berfungsi dengan framework web apa pun yang berjalan di dalam Capacitor, termasuk Ionic, React, Vue, Angular, Svelte, dan JavaScript biasa.

Versi Capacitor mana yang didukung @capgo/capacitor-wifi?

Plugin Capgo mengikuti versi mayor Capacitor: gunakan versi mayor plugin yang sesuai dengan versi mayor Capacitor Anda (contoh: plugin v8 dengan Capacitor 8). Tabel kompatibilitas di README GitHub mencantumkan versi yang masih di-maintain.

Apakah @capgo/capacitor-wifi gratis dan open source?

Ya. Kode sumber code bersifat publik di GitHub di https://github.com/Cap-go/capacitor-wifi/ dan package-nya gratis diinstal dari npm. Laporan bug dan pull request sangat diterima.

Bisakah saya memperbarui code yang memakai WiFi tanpa review App Store?

Instalasi atau upgrade plugin akan mengubah native code, jadi butuh build store baru. Setelah itu, perubahan JavaScript, HTML, dan CSS yang memanggil plugin bisa langsung dikirim lewat live updates Capgo.

Rilis perubahan WiFi tanpa menunggu review aplikasi

Setelah plugin ada di build store Anda, live updates Capgo akan mengirim perubahan JavaScript, HTML, dan CSS ke pengguna dalam hitungan menit.

Mulai dengan Capgo