//Installazione di Phonegap su Ubuntu e prima applicazione.

Installazione di Phonegap su Ubuntu e prima applicazione.

0 votes
Share on FacebookShare on Google+Tweet about this on TwitterEmail this to someonePrint this page

This post has already been read 1728 times!

In questo primo tutorial vedremo cos’è Phonegap, come si installa e creeremo una prima applicazione che avvieremo in emulazione usando l’sdk di Android.

Cosa è Cordova ?

Cordova è un framework per lo sviluppo di applicazioni mobili OpenSource.

Questo framework permette di sviluppare attraverso tecnologia standard come HTML5,CSS3 e Javascript, che verranno eseguite attraverso di una WebView.

Possiamo dire che una WebView è un versione ridotta di un browser web inclusa nella nostra applicazione che ci permetterà eseguirla. Questo visualizzatore premette di renderizzare il codice frontend in modo che appaia come una applicazione nativa.

Mediante WebView potremo usare anche una API di Phonegap che ci permetterà di accedere all’hardware del dispositivo usando vibrazione, camera e GPS.

Che differenza c’è tra PhoneGap e Cordova ?

Cordova non è altro che il nucleo del framework, Phonegap è una ampliazione che permette compilare app con il suo servizio Cloud, chiamato Phonegap Build.

Il processo di installazione di phonegap è semplice, installiamo prima le dipendenze :

sudo apt-get update
sudo apt-get install lib32stdc++6
sudo apt-get install lib32z1
sudo apt-get install git
sudo apt-get install python-software-properties python g++ make
sudo apt-get install oracle-java8-installer
sudo apt-get install ant

installiamo npm

sudo apt-get -y install npm
sudo ln -s /usr/bin/nodejs /usr/bin/node

Scarichiamo l’ultimo sdk di android (da qui: http://developer.android.com/sdk/index.html)  e installiamolo:

sudo tar xvzf ~/Downloads/android-sdk_r24.4.1-linux.tgz
sudo mv android-sdk-linux/ /usr/local/

Editiamo il file di configurazione del nostro profilo :

gedit ~/.profile

e aggiungiamo alla fine :

export ANDROID_HOME="/usr/local/android-sdk-linux"
export ANDROID_PLATFORM_TOOLS="/usr/local/android-sdk-linux/platform-tools"
export PATH="$PATH:$ANDROID_HOME:$ANDROID_PLATFORM_TOOLS"

Ricarichiamo il profile :

source ~/.profile

Se tutto è andato bene possiamo caricare l’SDK Manager con il comando :

android

Dovrebbe apparire l’Android SDK Manager.

adbManager

Installiamo l’sdk 22 (Android 5.1.1).

Eseguiamo l’AVD Manager (gestione device virtuali) con il comando :

android avd

e creiamo una nuovo Virtual Device :

avd2

Finalmente avviamo l’emulatore :

avd3

A questo punto possiamo installare phonegap

sudo su -c "npm install -g phonegap"

Se tutto è andato bene eseguendo il comando phonegap otterremo :

matteo@Duff:~$ phonegap
Usage: phonegap [options] [commands]

Description:
PhoneGap command-line tool.

Commands:
help [command] output usage information
create <path> create a phonegap project
build <platforms> build the project for a specific platform
install <platforms> install the project on for a specific platform
run <platforms> build and install the project for a specific platform
platform [command] update a platform version
plugin [command] add, remove, and list plugins
template [command] list available app templates
info display information about the project
serve serve a phonegap project
version output version number
Additional Commands:
local [command] development on local system
remote [command] development in cloud with phonegap/build
prepare <platforms> copies www/ into platform project before compiling
compile <platforms> compiles platform project without preparing it
emulate <platforms> runs the project with the flag --emulator
cordova execute of any cordova command

Options:
-d, --verbose allow verbose output
-v, --version output version number
-h, --help output usage information

Examples:
$ phonegap help create
$ phonegap create path/to/my-app
$ cd my-app/
$ phonegap run ios

matteo@Duff:~$

Creiamo e configuriamo la nostra applicazione di test :

matteo@Duff:~/phonegap$ phonegap create testapp
matteo@Duff:~/phonegap$ cd testapp/
matteo@Duff:~/phonegap/testapp$ phonegap platform add android

Finalmente avviamo il tutto

matteo@Duff:~/phonegap/testapp$ phonegap run android
[phonegap] executing 'cordova run android'...
[phonegap] completed 'cordova run android'
matteo@Duff:~/phonegap/testapp$

Sul nostro emulatore dovrebbe apparire :

phonegapapp

Nei prossimi giorni inizieremo a configurare il nostro progetto.