Controllare la connessione in NativeScript

Mattepuffo's logo
Controllare la connessione in NativeScript

Controllare la connessione in NativeScript

NativeScript è uno dei vari framework per applicazioni mobile ibride in circolazione.

E' un bel prodotto, con vari plugin ed estensioni a disposizione.

Oggi vediamo come controllare la connesione di rete; ovviamente ci sono da attivare eventuali permessi sul device, e questo dipende dal sistema per cui stiamo sviluppando.

Se siamo su Android non dimentichiamoci di aggiungere queste righe al file AndroidManifest.xml:

<uses-permission android:name="android.permission.INTERNET"/>
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/>
<uses-permission android:name="android.permission.ACCESS_WIFI_STATE"/>

Bene, questo il codice Javascript:

var view = require("ui/core/view");
var dialogs = require("ui/dialogs");
var connectivity = require("connectivity");

function pageLoaded(args) {
    var page = args.object;
    var connectionType = connectivity.getConnectionType();
    var btnLogin = view.getViewById(page, "btn_login");
    btnLogin.on("tap", function () {
        if (connectionType !== connectivity.connectionType.none) {
            // DO STUFF
        } else {
            dialogs.alert("Nessuna connessione disponibile!");
        }
    });
}

exports.pageLoaded = pageLoaded;

Includiamo tre moduli:

  • view per accedere agli elementi della pagina
  • dialogs per avviare finestre di dialogo
  • connectivity per accedere alla connesione del device

Al tap sul bottone di login, facciamo un controllo sul tipo di connesione, e agiamo di conseguenza.

I tipi disponibili sono questi:

  • none
  • wifi
  • mobile

Noi controlliamo solo il primo tipo, senza controllare se siamo in mobile o il wireless.

Enjoy!


Condividi

Commentami!