Cordova-network
提供:Dev Guides
Cordova-ネットワーク情報
このプラグインは、デバイスのネットワークに関する情報を提供します。
手順1-ネットワーク情報プラグインのインストール
このプラグインをインストールするには、*コマンドプロンプト*を開き、次のコードを実行します-
C:\Users\username\Desktop\CordovaProject>cordova plugin
add cordova-plugin-network-information
ステップ2-ボタンを追加する
*indexl* に、ネットワークに関する情報を取得するために使用するボタンを1つ作成しましょう。
<button id = "networkInfo">INFO</button>
手順3-イベントリスナーの追加
*index.js* の *onDeviceReady* 関数内に3つのイベントリスナーを追加します。 1つは前に作成したボタンのクリックをリッスンし、他の2つは接続ステータスの変更をリッスンします。
document.getElementById("networkInfo").addEventListener("click", networkInfo);
document.addEventListener("offline", onOffline, false);
document.addEventListener("online", onOnline, false);
ステップ4-関数の作成
*networkInfo* 関数は、ボタンがクリックされると現在のネットワーク接続に関する情報を返します。 *type* メソッドを呼び出しています。 他の関数は、 *onOffline* および *onOnline* です。 これらの関数は接続の変更をリッスンしており、変更があると対応するアラートメッセージがトリガーされます。
function networkInfo() {
var networkState = navigator.connection.type;
var states = {};
states[Connection.UNKNOWN] = 'Unknown connection';
states[Connection.ETHERNET] = 'Ethernet connection';
states[Connection.WIFI] = 'WiFi connection';
states[Connection.CELL_2G] = 'Cell 2G connection';
states[Connection.CELL_3G] = 'Cell 3G connection';
states[Connection.CELL_4G] = 'Cell 4G connection';
states[Connection.CELL] = 'Cell generic connection';
states[Connection.NONE] = 'No network connection';
alert('Connection type: ' + states[networkState]);
}
function onOffline() {
alert('You are now offline!');
}
function onOnline() {
alert('You are now online!');
}
ネットワークに接続されたアプリを起動すると、 onOnline 関数がアラートをトリガーします。
*INFO* ボタンを押すと、ネットワークの状態がアラートに表示されます。
ネットワークから切断すると、 onOffline 関数が呼び出されます。