메인 콘텐츠로 건너뛰기
플러그인으로 돌아가기
@capgo/capacitor-wifi
튜토리얼
@capgo/capacitor-wifi

와이파이

Capacitor 앱의 와이파이 연결 관리

WiFi 튜토리얼

장치 테스트

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

Download the Capgo app, then scan the QR code.

WiFi 플러그인 미리보기 QR code

@capgo/capacitor-wifi 사용

장치 WiFi 연결 관리를 위한 WiFi 플러그인입니다.

설치

bun add @capgo/capacitor-wifi
bunx cap sync

이 플러그인이 제공하는 것

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

예제 사용법

addNetwork

장치에 WiFi 네트워크를 추가하는 시스템 대화box를 표시합니다. 안드로이드 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/__CAPGO_KEEP_1__-wifi와 연결하세요 @capgo/capacitor-wifi capgo/capacitor-와이파이 구현 세부 사항에 대해 시작하기 Getting Started 구현 세부 사항에 대해 API 개요 API 개요 구현 세부 사항에 대해 소개 소개 및 __CAPGO_KEEP_0__ 키 API 키 구현 세부 사항에 대해 for the implementation detail in API Keys.