Développer des applications mobiles avec Phonegap

Éric Bréhault

PhoneGap ou Cordova ?

à l'origine:PhoneGap développé par Adobe,cédé à l'Apache Foundation en 2011,s'appelle Cordova.

aujourd'hui:le projet principal est Cordova,PhoneGap existe toujours en tant que distribution Cordova

Le principe

on construit une app en HTML/JS,Cordova utilise le navigateur du mobile pour l'afficher,le même code marchera sur tous les OS.

Le principe

en plus des fonctionnalités de base, on a accès à des plugins,les plugins sont développés en natif pour chaque OS,on y accède en Javascript.

Les plugins

accès au système de fichiers,status réseau,GPS,caméra,contacts,etc.

Les plugins

Attention à la liste des OS proposés par chaque plugin!

Vous pouvez développer vos propres plugins.

Générer une app$ n p m i n s t a l l c o r d o v a$ c o r d o v a c r e a t e m o n A p p c o m . m a k i n a c o r p u s . m a S u p e r A p p M a S u p e r A p p

Coder l'app

Faire un développement web frontend classique. Mettre le code dans le dossier monApp/www.

Compiler$ c o r d o v a p l a t f o r m a d d a n d r o i d$ c o r d o v a b u i l d

DÉMO

Outillage

inspection du DOM avec Chrome/Safari,adb pour Android,XCode pour iOS.

Bonnes pratiques

adopter les méthodes front-end,utiliser un framework JS,utiliser une grid responsive,faire un maximum dans son navigateur.

Frameworks et "distributions"

ngCordova pour Angular,ionic,Steroids.

DÉMO IONIC$ n p m i n s t a l l i o n i c$ i o n i c m o n A p p s i d e m e n u

Cas réels

Merci !