본문으로 건너뛰기
@capgo/capacitor-wifi 디바이스 API 오픈 소스

WiFi Capacitor 플러그인

Capacitor 앱의 와이파이 연결 관리

설치

bun add @capgo/capacitor-wifi bunx cap sync
npm, pnpm 또는 yarn
  • npm install @capgo/capacitor-wifi
  • pnpm add @capgo/capacitor-wifi
  • yarn add @capgo/capacitor-wifi

사용 설명서

Capacitor에서 와이파이를 사용하는 방법

장치에서 테스트

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

와이파이 플러그인 미리보기 QR code

@capgo/capacitor-와이파이 사용

와이파이 플러그인

설치

bun add @capgo/capacitor-wifi
bunx cap sync

이 플러그인이 제공하는 것

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

예시 사용

addNetwork

Show a system dialog to add a Wi-Fi network to the device. On Android SDK 30+, this opens the system Wi-Fi settings with the network pre-filled. On iOS, this connects to the network directly.

import { CapacitorWifi, NetworkSecurityType } 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 운영을 계획하고 연결하세요. @capgo/capacitor-wifi capgo/capacitor-wifi 구현 세부 정보에서 Getting Started Getting Started 구현 세부 정보에서 API 개요 API Overview 구현 세부 정보에서 Introduction Introduction 구현 세부 정보에서, API 키 API Keys 구현 세부 정보에서

FAQ

WiFi 플러그인 FAQ

WiFi 플러그인을 Capacitor 앱에 설치하는 방법은 어떻게 되나요?

"bun add @capgo/capacitor-wifi" (또는 "npm install @capgo/capacitor-wifi"), 그리고 "bunx cap sync"를 실행하여 iOS와 Android 프로젝트가 네이티브 code를 인식하도록 하세요. 그리고 "@capgo/capacitor-wifi"를 앱 code에서 임포트하세요.

리액트, 뷰, 앵귤러와 함께 @capgo/capacitor-wifi가 작동합니까?

네. WiFi는 Capacitor 패키지이므로, Capacitor 내부에서 실행되는 모든 웹 프레임워크와 함께 작동합니다. 이에는 아이오닉, 리액트, 뷰, 앵귤러, 스벨트 및 평범한 자바스크립트도 포함됩니다.

어떤 Capacitor 버전이 @capgo/capacitor-wifi를 지원합니까?

Capgo 플러그인은 Capacitor의 메이저 버전을 따릅니다. 플러그인 메이저 버전은 Capacitor 메이저 버전과 일치해야 합니다. 예를 들어 플러그인 v8과 Capacitor 8. GitHub README에서 유지 보수되는 버전을 확인할 수 있습니다.

@capgo/capacitor-wifi는 무료이며 오픈 소스인가요?

Yes. The source code is public on GitHub at https://github.com/Cap-go/capacitor-wifi/ and the package is free to install from npm. Bug reports and pull requests are welcome.

code를 사용하는 WiFi를 업데이트할 수 있나요?

code를 설치하거나 업그레이드하면 네이티브 code이 변경되므로, 새로운 스토어 빌드를 필요로 합니다. 그 후에 자바스크립트, HTML 및 CSS 변경 사항이 플러그인을 호출하는 경우 Capgo 라이브 업데이트와 함께 즉시 배포할 수 있습니다.

앱 리뷰 기다리지 않고 WiFi 변경을 배달합니다.

Capgo 플러그인이 스토어 빌드에 포함된 후, Capgo 라이브 업데이트에서 사용자의 자바스크립트, HTML 및 CSS 변경 사항을 몇 분 안에 푸시합니다.

Capgo