iOS

In prova Cordova e Phonegap: applicazioni per ogni ambiente

Redazione | 11 Gennaio 2016

Android iOS iPhone Software

Cordova Si tratta di un progetto Apache, distribuito con licenza open source, che è stato creato da un’azienda canadese, Nitobi, […]

Cordova

Si tratta di un progetto Apache, distribuito con licenza open source, che è stato creato da un’azienda canadese, Nitobi, e donato alla Apache Software Foundation. Cordova permette di creare applicazioni mobili multipiattaforma con una singola base di codice JavaScript. L’ambiente di esecuzione mette a disposizione dello sviluppatore tutte le funzioni specifiche dell’hardware del telefono e consente l’estensione per mezzo di plugin.

L'applicazione di test nell'emulatore di iOS.

L’applicazione di test nell’emulatore di iOS.

L’installazione si fa, ovviamente con npm, quindi, per iniziare occorre scaricare il pacchetto contenente node e npm da nodejs.org. Il software è disponibile per Windows, OS X e Linux.

Dalla riga di comando di Windows o OS X digitiamo:

npm install -g cordova

per installare l’ambiente Cordova. Il flag -g indica che vogliamo un’installazione globale, cioè per tutti gli utenti. Questo richiede i permessi di amministratore sulla macchina su cui operiamo. Se abbiamo configurato il nostro utente come utente non privilegiato, come è buona pratica, dovremo autorizzare l’installazione, o premettere la parola chiave sudo ai comandi su Linux o OS X. In caso di problemi bisognerà  abilitare la nostra login all’uso di sudo, per esempio, su Mac, collegandosi con una login di amministrazione e aggiungendo la riga

nomeutente ALL=(ALL) ALL

al file /private/etc/sudoers.

Per creare lo scheletro di un’applicazione, lanciamo il comando

cordova create MyApp
cd MyApp

Nella directory MyApp troveremo le cartelle www, plugins e platforms. La prima contiene i file html e JavaScript dell’applicazione, la seconda i plugin Cordova per le funzionalità  aggiuntive e l’ultima contiene il codice per ogni piattaforma.

Inizialmente, questa cartella è vuota. Popoliamola, ad esempio con

cordova platform add ios

Adesso abbiamo il codice di un’applicazione iOS pronta per la compilazione, dentro la cartella platforms/ios. Se stiamo usando un mac e abbiamo installato l’ambiente Xcode, possiamo dare il comando

cordova compile ios
cordova run ios

E avremo davanti a noi l’emulatore e il codice dell’applicazione in esecuzione.

Senza entrare nei dettagli, che conviene lasciare alla documentazione del pacchetto, ecco un ritaglio di codice JavaScript che mostra come leggere le coordinate Gps in JavaScript

this.addLocation = function(event) {
event.preventDefault();
navigator.geolocation.getCurrentPosition(
function(position) {
alert(position.coords.latitude + ‘,' + position.coords.longitude);
},
function() {
alert(‘Error getting location');
});
return false;
};

Per fare un altro esempio, se desideriamo ricevere notifiche push da un server remoto occorre installare un plugin

cordova plugin add phonegap-plugin-push

E gestire le notifiche dal server remoto utilizzando lo scheletro di codice che segue, in cui possiamo utilizzare le variabili indicate nei commenti

var push = PushNotification.init
({ "android": {"senderID":
"12345679"}, "ios": {"alert": "true",
"bage": "true", "sound": "true"},
"windows": {} });

push.on(‘registration', function(data) {
// data.registrationId
});

push.on(‘notification', function(data) {
// data.message,
// data.title,
// data.count,
// data.sound,
// data.image,
// data.additionalData
});

push.on(‘error', function(e) {
// e.message
});

➜ Continua a leggere: Phonegap

< Indietro Successivo >