Cordova - Informazioni sulla rete

Questo plugin fornisce informazioni sulla rete del dispositivo.

Passaggio 1: installazione del plug-in delle informazioni di rete

Per installare questo plugin, apriremo command prompt ed esegui il codice seguente:

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

Passaggio 2: aggiungere pulsanti

Creiamo un pulsante in index.html che verrà utilizzato per ottenere informazioni sulla rete.

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

Passaggio 3: aggiungere ascoltatori di eventi

Aggiungeremo tre listener di eventi all'interno onDeviceReady funzione in index.js. Uno ascolterà i clic sul pulsante che abbiamo creato in precedenza e gli altri due ascolteranno i cambiamenti nello stato della connessione.

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

Passaggio 4: creazione di funzioni

networkInfola funzione restituirà informazioni sulla connessione di rete corrente una volta che si fa clic sul pulsante. Stiamo chiamandotypemetodo. Le altre funzioni sonoonOffline e onOnline. Queste funzioni stanno ascoltando le modifiche alla connessione e qualsiasi modifica attiverà il messaggio di avviso corrispondente.

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

Quando avviamo l'app connessa alla rete, onOnline la funzione attiverà l'allarme.

Se premiamo INFO pulsante l'avviso mostrerà lo stato della nostra rete.

Se ci disconnettiamo dalla rete, onOffline verrà chiamata la funzione.