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.
