跳过主要内容

指南

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`);
});

全局参考

继续使用@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.