Verificar a conexão com o Phonegap

Verificar a conexão com o Phonegap

Esta é uma dica para quem está começando a trabalhar com o Phonegap. Vamos aprender como verificar a conexão com a Internet utilizando Phonegap.

 

Uma necessidade comum é verificar se existe a conexão com a Internet. Portanto, antes de tentar acessar algum recurso externo, é uma boa prática primeiro verificar se a conexão está disponível.

 

O código abaixo mostra uma forma de resolver este problema. No exemplo abaixo, usei como exemplo o Jquery Mobile. Neste exemplo foi adicionado um listener ao evento ondeviceready do documento, desta forma ele será executado quando o carregamento da página for concluído

 

var isPhoneGapReady = false;

var isConnected = false;

var tipo_conexao = "";

document.addEventListener("deviceready", onDeviceReady, false);

function onDeviceReady() {

isPhoneGapReady = true;

document.addEventListener("online", onOnline, false);

document.addEventListener("offline", onOffline, false);

networkDetection();

}

function onOnline() {

isConnected = true;

}

function onOffline() {

isConnected = false;

}

function networkDetection() {

if (isPhoneGapReady) {

var states = {};

states[navigator.connection.UNKNOWN] = Unknown connection ;

states[navigator.connection.ETHERNET] = Ethernet connection ;

states[navigator.connection.WIFI] = WiFi connection ;

states[navigator.connection.CELL_2G] = Cell 2G connection ;

states[navigator.connection.CELL_3G] = Cell 3G connection ;

states[navigator.connection.CELL_4G] = Cell 4G connection ;

states[navigator.connection.NONE] = No network connection ;

tipo_conexao = states[navigator.connection.type];

if (tipo_conexao != No network connection ) {

isConnected = true;

}

}

}

$(document).on( pageshow , #minha_pagina , function(){

if (isPhoneGapReady){

if (isConnected) {

//Conectado

} else {

//Nao conectado

}

} else {

//Phonegap nao esta pronto

}

});

 

 

Está começando e deseja saber o que precisa estudar de HTML e JavaScript? Não deixe de conferir os roteiros de estudo de HTML e JavaScript!. São dezenas de conteúdos para você melhorar suas habilidades.

Roteiro de estudos - HTML e CSS

Roteiro de estudos - Javascript

 

Outros conteudos que podem ser de seu interesse

Métodos para trabalhar com arrays no JavaScript
29/05/2022JAVASCRIPT

Métodos para trabalhar com arrays no JavaScript

Veja como resolver os problemas mais comuns ao utilizar arrays no JavaScript

Saiba mais...
Criando um slider sem plugins
28/11/2019JAVASCRIPT

Criando um slider sem plugins

Veja como criar um efeito de slider apenas com JavaScript

Saiba mais...

Conteúdo sobre banco de dados sem complicação!