Présentation de PhoneGap / Cordova

1. Développer des applications mobiles avec Phonegap
Éric Bréhault

2. 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

3. 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.

4. 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.

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

6. Les plugins
Attention à la liste des OS proposés par chaque plugin!
Vous pouvez développer vos propres plugins.

7. Générer une app
$ npm install cordova
$ cordova create monApp
com.makinacorpus.maSuperApp MaSuperApp

8. Coder l'app
Faire un développement web frontend classique. Mettre le code dans le dossier monApp/www.

9. Compiler
$ cordova platform add android
$ cordova build

10. DÉMO

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

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

13. Frameworks et "distributions"
ngCordova pour Angular,
ionic,
Steroids.

14. DÉMO IONIC
$ npm install ionic
$ ionic monApp sidemenu

15. Cas réels

16. Merci !