Cordova - Informations sur le réseau

Ce plugin fournit des informations sur le réseau de l'appareil.

Étape 1 - Installation du plug-in d'informations réseau

Pour installer ce plugin, nous allons ouvrir command prompt et exécutez le code suivant -

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

Étape 2 - Ajouter des boutons

Créons un bouton dans index.html qui sera utilisé pour obtenir des informations sur le réseau.

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

Étape 3 - Ajouter des écouteurs d'événements

Nous ajouterons trois écouteurs d'événements à l'intérieur onDeviceReady fonction dans index.js. L'un écoutera les clics sur le bouton que nous avons créé auparavant et les deux autres écouteront les changements d'état de la connexion.

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

Étape 4 - Création de fonctions

networkInfoLa fonction retournera des informations sur la connexion réseau actuelle une fois que vous aurez cliqué sur le bouton. Nous appelonstypeméthode. Les autres fonctions sontonOffline et onOnline. Ces fonctions écoutent les changements de connexion et tout changement déclenchera le message d'alerte correspondant.

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

Lorsque nous démarrons l'application connectée au réseau, onOnline La fonction déclenchera une alerte.

Si nous pressons INFO bouton, l'alerte affichera l'état de notre réseau.

Si nous nous déconnectons du réseau, onOffline La fonction sera appelée.