__CAPGO_KEEP_4__
@capgo/capacitor-Wi-Fi デバイスAPI オープンソース

Wi-Fi Capacitor プラグイン

Capacitor アプリのWi-Fi接続を管理

インストール

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

ガイド

Wi-Fiを使用する方法はCapacitor

デバイスでテスト

Capgoアプリをダウンロードし、QRコードcodeをスキャンしてください。

Wi-Fi プラグインのプレビュー QR code

使用:@capgo/capacitor-wifi

デバイスのWi-Fi接続を管理するためのWi-Fi プラグイン

インストール

bun add @capgo/capacitor-wifi
bunx cap sync

このプラグインが公開するもの

  • addNetwork - Android SDK 30+ では、システム Wi-Fi 設定を開き、ネットワークを事前に埋め込む。iOS では、ネットワークに直接接続します。
  • connect - Android では、ネットワークに一時的な接続を作成します。この接続は、デフォルトではネットワークを経由してトラフィックをルーティングしません。autoRouteTraffic を true に設定すると、接続されたネットワークにアプリのトラフィックをバインドできます (ローカル/デバイスホスト AP の場合に便利)。Android で持続的な接続を作成するには、addNetwork() を使用してください。iOS では、持続的な接続を作成します。
  • disconnect - iOS では、このプラグインを介して追加されたネットワークのみから接続を解除します。
  • getAvailableNetworks - Android では、最後のスキャンから利用可能な Wi-Fi ネットワークのリストを取得できます。

使用例

addNetwork

システムのダイアログを表示して、デバイスに Wi-Fi ネットワークを追加します。Android SDK 30+ では、システム Wi-Fi 設定を開き、ネットワークを事前に埋め込む。iOS では、ネットワークに直接接続します。

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

await CapacitorWifi.addNetwork({
  ssid: 'MyNetwork',
  password: 'mypassword',
  isHiddenSsid: false,
  securityType: NetworkSecurityType.WPA2_PSK
});

connect

Wi-Fi ネットワークに接続します。Android では、デフォルトではネットワークを経由してトラフィックをルーティングしない一時的な接続を作成します。autoRouteTraffic を true に設定すると、接続されたネットワークにアプリのトラフィックをバインドできます (ローカル/デバイスホスト AP の場合に便利)。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

Android上で実行可能な最後のスキャンから利用可能な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`);
});

フルリファレンス

@capgo/capacitor-wifiを継続して使用

__CAPGO_KEEP_0__を使用している場合 Using @capgo/capacitor-wifi APIを使用し続けると、APIの実装詳細については@API/__CAPGO_KEEP_1__-wifiを参照してください。 @capgo/capacitor-wifi @capgo/capacitor-wifi @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-wifiの実装詳細については@__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-wifiを参照してください。 Capacitor WiFi プラグインの実装詳細については、Getting Started を参照してください。 API オーバービュー Capacitor WiFi プラグインの実装詳細については、API オーバービューを参照してください。 概要 Capacitor WiFi プラグインの実装詳細については、概要を参照してください。また API キー Capacitor WiFi プラグインの実装詳細については、API キーを参照してください。

FAQ

WiFiプラグインのFAQ

WiFiプラグインをCapacitorアプリにインストールするにはどうすればよいですか?

「bun add @capgo/capacitor-wifi」(または「npm install @capgo/capacitor-wifi」)を実行し、次に「bunx cap sync」を実行してiOSとAndroidのプロジェクトがネイティブcodeを取得できるようにします。次に、次のコードを使用してcapgo/capacitor-wifiをインポートします。 import { WiFi } from '@capgo/capacitor-wifi'; codeで使用します。

React、Vue、Angularと一緒に@capgo/capacitor-wifiを使用できますか?

Yes. WiFi is a Capacitor package, so it works with any web framework that runs inside Capacitor, including Ionic, React, Vue, Angular, Svelte and plain JavaScript.

どの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 が変更されるため、新しいストアビルドが必要になります。その後、Capgo でライブアップデートを使用して、JavaScript、HTML、CSS の変更が即時で配信できます。

Wi-Fi の変更をアプリのレビューの待たずに配信する

プラグインがストアのビルドに含まれると、Capgo ライブアップデートは、ユーザーに JavaScript、HTML、CSS の変更を数分でプッシュします。

Capgo で始めましょう