Cordova - Netzwerkinformationen

Dieses Plugin bietet Informationen zum Netzwerk des Geräts.

Schritt 1 - Installieren des Netzwerkinformations-Plugins

Um dieses Plugin zu installieren, öffnen wir command prompt und führen Sie den folgenden Code aus -

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

Schritt 2 - Schaltflächen hinzufügen

Lassen Sie uns eine Schaltfläche in erstellen index.html Das wird verwendet, um Informationen über das Netzwerk zu erhalten.

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

Schritt 3 - Ereignis-Listener hinzufügen

Wir werden drei Event-Listener hinzufügen onDeviceReady Funktion in index.js. Einer wartet auf Klicks auf die zuvor erstellte Schaltfläche und die anderen beiden warten auf Änderungen des Verbindungsstatus.

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

Schritt 4 - Funktionen erstellen

networkInfoDie Funktion gibt Informationen zur aktuellen Netzwerkverbindung zurück, sobald auf die Schaltfläche geklickt wird. Wir rufen antypeMethode. Die anderen Funktionen sindonOffline und onOnline. Diese Funktionen überwachen die Verbindungsänderungen und jede Änderung löst die entsprechende Warnmeldung aus.

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

Wenn wir die mit dem Netzwerk verbundene App starten, onOnline Funktion löst Alarm aus.

Wenn wir drücken INFO Klicken Sie auf die Schaltfläche, um unseren Netzwerkstatus anzuzeigen.

Wenn wir uns vom Netzwerk trennen, onOffline Funktion wird aufgerufen.