- Learn
- Guida Ionic Framework
- Integrazione con ngCordova
Integrazione con ngCordova
Anche se non strettamente legato a Ionic, il progetto ngCordova contribuisce a semplificare lo sviluppo di applicazioni mobile ibride per Cordova e PhoneGap basate su AngularJS. Ciò che unisce ngCordova a Ionic è lo stesso team di sviluppatori che, rendendo indipendente questo progetto da Ionic, hanno voluto consentire il suo utilizzo anche a chi non utilizza il loro framework mobile.
In estrema sintesi, ngCordova mette a disposizione dello sviluppatore un insieme di oltre settanta wrapper dei più comuni plugin di Cordova, trasformandoli in servizi Angular e quindi integrati nell’ambiente di sviluppo del framework.
Per utilizzare ngCordova nelle nostre applicazioni mobile, dopo aver scaricato l’occorrente da GitHub, occorre inserire nella pagina HTML che contiene la view principale un riferimento alla libreria prima di cordova.js e dopo AngularJS o Ionic, come indicato dal seguente esempio di codice:
<script src="lib/ionic/js/ionic.bundle.js"></script>
<script src="lib/ngCordova/ng-cordova.js"></script>
<script src="cordova.js"></script>
Una volta inserito il riferimento alla libreria, possiamo indicarne la dipendenza nella definizione della nostra applicazione:
angular.module('starter', ['ionic', 'ngCordova', ...])
A questo punto abbiamo a disposizione i servizi Angular che fanno da wrapper ai plugin di Cordova. Per il loro effettivo utilizzo nella nostra applicazione è opportuno utilizzare il seguente pattern:
$ionicPlatform.ready(function() {
//codice che usa il plugin
});
L’approccio di eseguire il codice che coinvolge un plugin di Cordova solo dopo l’inizializzazione di Ionic (e quindi indirettamente di Cordova) si rende necessario per assicurarci che il plugin e tutta l’infrastruttura di supporto sia già stata caricata prima di essere utilizzata.
Naturalmente non dobbiamo dimenticarci di rendere disponibile il plugin al nostro progetto utilizzando l’opportuno comando della Command Line Interface:
ionic plugin add <nome-plugin>
Nelle prossime lezioni esploreremo i servizi di ngCordova che consentono l’accesso ad alcuni dei più interessanti plugin di Cordova, lasciando al lettore l’esplorazione dell’elenco completo.
Se vuoi aggiornamenti su AngularJS, JavaScript, mobile inserisci la tua email nel box qui sotto:
Compilando il presente form acconsento a ricevere le informazioni relative ai servizi di cui alla presente pagina ai sensi dell'informativa sulla privacy.
La tua iscrizione è andata a buon fine. Se vuoi ricevere informazioni personalizzate compila anche i seguenti campi opzionali:
Compilando il presente form acconsento a ricevere le informazioni relative ai servizi di cui alla presente pagina ai sensi dell'informativa sulla privacy.
I Video di HTML.it
Come creare animazioni in HTML5 e fogli di stile CSS
In questo video è mostrato come modificare un oggetto in HTML5 eseguendo un’animazione dopo un evento definito. Nel tutorial, vedremo […]