Controllare la connessione in Apache Cordova con ngCordova

Mattepuffo's logo
Controllare la connessione in Apache Cordova con ngCordova

Controllare la connessione in Apache Cordova con ngCordova

In questo articolo abbiamo visto come controllare la connessione nelle nostre app che fanno uso di Apache Cordova.

In questo articolo tratteremo lo stesso argomento, ma usando ngCordova.

ngCordova è una collezione di strumenti AngularJS per Apache Cordova; questi strumenti vengono molto usati in Ionic, visto che fa uso di AngularJS.

ngCordova mette a disposizione anche la possibilità di controllare lo stato della connessione nelle nostre app.

Prima di tutto dobbiamo aggiungere un plugin al progetto:

cordova plugin add org.apache.cordova.network-information

A questo punto nel nostro controller:

module.controller('MyCtrl', function($rootScope, $cordovaNetwork) {
    document.addEventListener("deviceready", function () {
        var type = $cordovaNetwork.getNetwork();
        var isOnline = $cordovaNetwork.isOnline();
        var isOffline = $cordovaNetwork.isOffline()
        alert(type + " " + isOnline + " " + isOffline);
        $rootScope.$on('$cordovaNetwork:online', function(event, networkState){
            var onlineState = networkState;
        })
        $rootScope.$on('$cordovaNetwork:offline', function(event, networkState){
            var offlineState = networkState;
        })
    }, false);
});

Nel nostro controller richiamiamo la libreria cordovaNetwork.

Poi usiamo tre funzioni per controllare il tipo di connessione, e se il dispositivo è online o offilne.

Poi attiviamo due eventi per controllare quando il dispositivo si connette o si disconnette.

Qui carichiamo il tutto nel momento in cui il dispositivo è pronto; ma è possibile usare questi controlli anche quando lanciamo qualche evento che richiede una connessione attiva.

Enjoy!


Condividi

Commentami!