메인 콘텐츠로 건너뛰기

안내

와이파이 튜토리얼

장치에서 테스트

Capgo 앱을 다운로드하고 QR코드 code를 스캔하세요.

위피 플러그인 미리보기 QR code

@capgo/capacitor-wifi 사용

위피 플러그인은 장치 WiFi 연결성을 관리하는 데 사용됩니다.

설치

bun add @capgo/capacitor-wifi
bunx cap sync

이 플러그인이 제공하는 것

  • addNetwork - 장치에 WiFi 네트워크를 추가하는 시스템 대화 상자를 표시합니다. 안드로이드 SDK 30 이상에서는 네트워크를 미리 채워진 상태로 시스템 WiFi 설정을 엽니다. iOS에서는 네트워크에 직접 연결합니다.
  • connect - WiFi 네트워크에 연결합니다. 안드로이드에서는 기본적으로 트래픽을 네트워크를 통해 라우팅하지 않도록 임시 연결을 생성합니다. autoRouteTraffic를 true로 설정하여 앱 트래픽을 연결된 네트워크에 바인딩할 수 있습니다(로컬/장치 호스트 AP를 위한 유용한 옵션입니다). 안드로이드에서 지속적인 연결을 사용하려면 addNetwork()를 사용하세요. iOS에서는 지속적인 연결을 생성합니다.
  • disconnect - 현재 WiFi 네트워크에서 연결을 끊습니다. iOS에서는 이 플러그인을 통해 추가된 네트워크만 끊습니다.
  • getAvailableNetworks - 마지막으로 스캔한 WiFi 네트워크 목록을 가져옵니다. 안드로이드에서만 사용할 수 있습니다.

예제 사용법

addNetwork

장치에 WiFi 네트워크를 추가하는 시스템 대화 상자를 표시합니다. 안드로이드 SDK 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 네트워크에 연결하세요. 안드로이드에서는 기본적으로 네트워크를 통해 트래픽을 라우팅하지 않도록 임시 연결을 생성합니다. autoRouteTraffic를 true로 설정하여 앱 트래픽을 연결된 네트워크에 바인딩할 수 있습니다 (로컬/디바이스 호스팅 AP를 위한 유용한 옵션). 안드로이드에서 지속적인 연결을 사용하려면 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 네트워크 목록을 가져옵니다.

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

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

전체 참조

Using @capgo/capacitor-wifi

이 플러그인을 사용 중이라면 Using @capgo/capacitor-wifi API 운영을 계획하고 API dashboard를 구성하려면 @API/__CAPGO_KEEP_1__-wifi와 연결하세요. @capgo/capacitor-wifi for the implementation detail in @capgo/capacitor-wifi, 시작하기 Capacitor 구현 세부 정보를 위해 Capacitor-API 구현 세부 정보를 위해 for the implementation detail in API Overview, Capacitor 구현 세부 정보를 위해, 그리고 Capacitor-__CAPGO_KEEP_0__ 키 구현 세부 정보를 위해 API Keys Capgo 앱을 API으로 강화하세요