Cordova - Informação da Rede

Este plugin fornece informações sobre a rede do dispositivo.

Etapa 1 - Instalando o plugin de informações de rede

Para instalar este plugin, vamos abrir command prompt e execute o seguinte código -

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

Etapa 2 - Adicionar botões

Vamos criar um botão em index.html que será usado para obter informações sobre a rede.

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

Etapa 3 - Adicionar ouvintes de eventos

Vamos adicionar três ouvintes de eventos dentro onDeviceReady função em index.js. Um ouvirá os cliques no botão que criamos antes e os outros dois ouvirão as alterações no status da conexão.

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

Etapa 4 - Criação de funções

networkInfoA função retornará informações sobre a conexão de rede atual assim que o botão for clicado. Estamos ligandotypemétodo. As outras funções sãoonOffline e onOnline. Essas funções estão ouvindo as alterações de conexão e qualquer alteração acionará a mensagem de alerta correspondente.

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 iniciamos o aplicativo conectado à rede, onOnline função irá disparar o alerta.

Se pressionarmos INFO o botão de alerta mostrará o estado da nossa rede.

Se nos desconectarmos da rede, onOffline função será chamada.