Lompat ke konten utama
@capgo/capacitor-wi-fi API Perangkat Sumber Terbuka

Wi-Fi Plugin Capacitor

Pengaturan WiFi untuk aplikasi Capacitor Anda

Install

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

Uji di perangkat

Unduh aplikasi Capgo, kemudian scan kode QR code.

Tautan QR Pratinjau Plugin WiFi code

Menggunakan @capgo/capacitor-wifi

Plugin WiFi untuk Mengelola Koneksi WiFi Perangkat.

Install

bun add @capgo/capacitor-wifi
bunx cap sync

Apa yang Dibuka oleh Plugin Ini

  • addNetwork - Menampilkan dialog sistem untuk menambahkan jaringan Wi-Fi ke perangkat. Pada Android SDK 30+, ini membuka pengaturan Wi-Fi sistem dengan jaringan yang sudah diisi. Pada iOS, ini langsung terhubung ke jaringan.
  • connect - Terhubung ke jaringan Wi-Fi. Pada Android, ini membuat koneksi sementara yang tidak mengarahkan lalu lintas melalui jaringan secara default. Atur autoRouteTraffic menjadi true untuk mengikat lalu lintas aplikasi ke jaringan yang terhubung (bermanfaat untuk AP lokal/host perangkat). Untuk koneksi yang persisten pada Android, gunakan addNetwork() saja. Pada iOS, ini membuat koneksi yang persisten.
  • disconnect - Lepas dari jaringan Wi-Fi yang sedang terhubung. Pada iOS, hanya lepas dari jaringan yang ditambahkan melalui plugin ini.
  • getAvailableNetworks - Dapatkan daftar jaringan Wi-Fi yang tersedia dari sken terakhir. Hanya tersedia pada 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 diisi. Pada iOS, ini menghubungkan ke jaringan secara langsung.

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

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

connect

Hubungkan ke jaringan Wi-Fi. Pada Android, ini membuat koneksi sementara yang tidak mengarahkan lalu lintas aplikasi melalui jaringan secara default. Atur autoRouteTraffic menjadi true untuk mengikat lalu lintas aplikasi ke jaringan yang terhubung (bermanfaat untuk AP lokal/host perangkat). Untuk koneksi yang persisten pada Android, gunakan addNetwork() sebaliknya. 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 yang sedang aktif. 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 sken terakhir. Hanya tersedia pada 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

Teruskan dari Menggunakan @capgo/capacitor-wifi

Jika Anda menggunakan Menggunakan @capgo/capacitor-wifi untuk merencanakan dashboard dan operasi API, hubungkannya dengan @capgo/capacitor-wifi untuk detail implementasi di @capgo/capacitor-wifi, Mulai Menggunakan untuk detail implementasi di Mulai, Ringkasan API untuk detail implementasi di Ringkasan API, Pendahuluan untuk detail implementasi di Pendahuluan, dan Kunci API untuk detail implementasi di Kunci API.

FAQ

FAQ Plugin WiFi

Bagaimana cara menginstal plugin WiFi di aplikasi Capacitor?

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

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

Ya. Paket WiFi 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-wifi?

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

Apakah @capgo/capacitor-wifi gratis dan terbuka sumber?

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

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

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

Kirim perubahan WiFi tanpa menunggu ulasan aplikasi

Setelah plugin ini ada di dalam pembangunan toko Anda, Capgo pembaruan hidup akan mendorong perubahan JavaScript, HTML, dan CSS Anda ke pengguna dalam menit.

Mulai dengan Capgo