跳过主要内容

指南

WiFi教程

在设备上测试

Download the Capgo app, then scan the QR code.

WiFi插件预览二维码code

使用@capgo/capacitor-wifi

WiFi插件,用于管理设备WiFi连接。

安装

bun add @capgo/capacitor-wifi
bunx cap sync

此插件暴露的内容

  • addNetwork - 在设备上显示一个系统对话框,添加一个WiFi网络。 在AndroidSDK 30+上,这会打开系统WiFi设置,网络预填充。 在iOS上,这会直接连接到网络。
  • connect - 连接到一个WiFi网络。 在Android上,这会创建一个临时连接,流量不会默认通过网络。 如果需要将应用流量绑定到连接的网络(适用于本地/设备托管AP),请设置autoRouteTraffic为true。 在Android上,使用addNetwork()创建一个持久连接。 在iOS上,这会创建一个持久连接。
  • disconnect - 从当前WiFi网络断开连接。 在iOS上,只断开从此插件添加的网络。
  • getAvailableNetworks - 获取上一次扫描中可用的WiFi网络列表。 只在Android上可用。

示例使用

addNetwork

- 在设备上显示一个系统对话框,添加一个WiFi网络。 在AndroidSDK 30+上,这会打开系统WiFi设置,网络预填充。 在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,否则不会将流量路由到网络中。 为本地/设备托管 AP 创建连接时,设置 autoRouteTraffic 为 true 有用。 在 Android 上,使用 addNetwork() 代替此方法可以创建持久连接。 在 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 的实现细节 开始使用 为 Getting Started 的实现细节 API 概述 为 API 概述 的实现细节 介绍 为 Introduction 的实现细节, 和 API 密钥 为 API 密钥 的实现细节