Córdoba - Información de la red

Este complemento proporciona información sobre la red del dispositivo.

Paso 1: instalación del complemento de información de red

Para instalar este complemento, abriremos command prompt y ejecuta el siguiente código -

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

Paso 2: agregar botones

Creemos un botón en index.html que se utilizará para obtener información sobre la red.

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

Paso 3: agregar oyentes de eventos

Agregaremos tres oyentes de eventos dentro onDeviceReady funcionar en index.js. Uno escuchará los clics en el botón que creamos antes y los otros dos escucharán los cambios en el estado de la conexión.

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

Paso 4: creación de funciones

networkInfoLa función devolverá información sobre la conexión de red actual una vez que se haga clic en el botón. Estamos llamandotypemétodo. Las otras funciones sononOffline y onOnline. Estas funciones están escuchando los cambios de conexión y cualquier cambio activará el mensaje de alerta correspondiente.

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

Cuando iniciamos la aplicación conectada a la red, onOnline La función activará la alerta.

Si presionamos INFO botón la alerta mostrará el estado de nuestra red.

Si nos desconectamos de la red, onOffline se llamará a la función.