指南
WiFi连接教程
使用@capgo/capacitor-wifi
用于管理设备WiFi连接的插件
安装
bun add @capgo/capacitor-wifi
bunx cap sync
此插件暴露的内容
addNetwork- 在设备上显示一个系统对话框,添加一个Wi-Fi网络。 在Android SDK 30+上,这会打开系统Wi-Fi设置,网络会预先填充。 在iOS上,这会直接连接到网络。connect- 连接到一个Wi-Fi网络。 在Android上,这会创建一个临时连接,除非设置autoRouteTraffic为true,否则不会将流量路由到网络。 在iOS上,这会创建一个持久连接。disconnect- 从当前Wi-Fi网络断开连接。 在iOS上,只断开了通过此插件添加的网络。getAvailableNetworks- 获取上一次扫描后可用的Wi-Fi网络列表。 只在Android上可用。
示例使用
addNetwork
在设备上显示一个系统对话框,添加一个Wi-Fi网络。 在Android SDK 30+上,这会打开系统Wi-Fi设置,网络会预先填充。 在iOS上,这会直接连接到网络。
import { CapacitorWifi } from '@capgo/capacitor-wifi';
await CapacitorWifi.addNetwork({
ssid: 'MyNetwork',
password: 'mypassword',
isHiddenSsid: false,
securityType: NetworkSecurityType.WPA2_PSK
});
connect
连接到一个Wi-Fi网络。 在Android上,这会创建一个临时连接,除非设置autoRouteTraffic为true,否则不会将流量路由到网络。 在iOS上,这会创建一个持久连接。
import { CapacitorWifi } from '@capgo/capacitor-wifi';
await CapacitorWifi.connect({
ssid: 'MyNetwork',
password: 'mypassword',
autoRouteTraffic: true // Android only: route app traffic through this network
});
disconnect
断开当前Wi-Fi网络的连接。 在iOS上,只断开了通过此插件添加的网络。
import { CapacitorWifi } from '@capgo/capacitor-wifi';
await CapacitorWifi.disconnect();
getAvailableNetworks
获取上一次扫描中可用的Wi-Fi网络列表。仅在Android上可用。
import { CapacitorWifi } from '@capgo/capacitor-wifi';
const { networks } = await CapacitorWifi.getAvailableNetworks();
networks.forEach(network => {
console.log(`SSID: ${network.ssid}, Signal: ${network.rssi} dBm`);
});
全局参考
- GitHub: https://github.com/Cap-go/capacitor-wifi/
- 文档:/docs/plugins/wifi/
继续使用@capgo/capacitor-wifi
如果您正在使用 使用@capgo/capacitor-wifi 来规划仪表板和API操作,连接它与 @capgo/capacitor-wifi 查看@capgo/capacitor-wifi的实现细节在@capgo/capacitor-wifi, 入门指南 Getting Started的实现细节 API概述 for the implementation detail in API Overview, 介绍 Getting Started的实现细节 API密钥 for the implementation detail in API Keys.