Cordova - Informacje o sieci

Ta wtyczka dostarcza informacji o sieci urządzenia.

Krok 1 - Instalacja wtyczki Network Information

Aby zainstalować tę wtyczkę, otworzymy command prompt i uruchom następujący kod -

C:\Users\username\Desktop\CordovaProject>cordova plugin 
   add cordova-plugin-network-information

Krok 2 - Dodaj przyciski

Utwórzmy jeden przycisk w index.html które będą używane do uzyskiwania informacji o sieci.

<button id = "networkInfo">INFO</button>

Krok 3 - Dodaj detektory zdarzenia

Dodamy do środka trzech słuchaczy wydarzeń onDeviceReady funkcja w index.js. Jeden będzie nasłuchiwał kliknięć w przycisk, który utworzyliśmy wcześniej, a dwa pozostałe będą nasłuchiwać zmian stanu połączenia.

document.getElementById("networkInfo").addEventListener("click", networkInfo);
document.addEventListener("offline", onOffline, false);
document.addEventListener("online", onOnline, false);

Krok 4 - Tworzenie funkcji

networkInfofunkcja zwróci informację o aktualnym połączeniu sieciowym po kliknięciu przycisku. Dzwonimytypemetoda. Pozostałe funkcje toonOffline i onOnline. Te funkcje nasłuchują zmian połączenia, a każda zmiana wywoła odpowiedni komunikat ostrzegawczy.

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!');
}

Kiedy uruchamiamy aplikację połączoną z siecią, onOnline funkcja wywoła alert.

Jeśli naciśniemy INFO przycisk alert pokaże stan naszej sieci.

Jeśli odłączymy się od sieci, onOffline funkcja zostanie wywołana.