AppGyver Steroids
Attention: cet article date du 24 septembre 2014
Ce qu'il contient est peut être encore valable...
... ou complètement obsolète!
AppGyver Steroids est un outil qui pilote et complète Cordova pour créer des applis mobiles en toutes simplicité (ou du moins, assez simplement).
Petite découverte en vidéo…
Conclusion
J’ai trouvé l’approche de Steroids intéressante, avec pas mal de choses simples à utiliser.
En creusant un peu (voir le résultat ci dessous), cela devient vite complexe tout de même. Sans doute lié au choix de passer par AngularJS que je ne maitrise pas encore tout à fait.
Après, faut voir les performances, ce que ça donne dans des applis complexes, etc.
Mais à suivre (comme tant de choses…)
Rectificatifs et compléments de la vidéo
Toujours un problème de son. Les bruits sont dus aux clics de la souris (et un peu de la table bancale). Micro à commander d’urgence.
Cloud ou pas cloud ?
Après lecture des tutoriels, l’application n’est pas mise sur le cloud directement, mais reste en local via un liveConnect.
Pour la mettre en ligne, il faut passer par la ligne de commande:
steroids deploy
Cela va uploader un package sur le cloud (le dossier dist, sans doute), et afficher un QR Code à diffuser. Les autres devices s’ils disposent de AppGyver Scanner pourront alors le voir.
Penser à refaire le deploy à chaque mise à jour.
Live Watch
Pour que l’application se mette à jour en direct sur le device, il est intéressant de faire:
steroids connect --watch
Ce qui entrainera des mises à jour automatiques à chaque sauvegarde des fichiers (si vous faites beaucoup de modifs à la fois, désactivez le, c’est gourmand en ressources).
Simulateur
On peut aussi taper simulator
(ou s
) sur la ligne de commande pendant qu’un connect
tourne.
Cela lancera le simulateur !
Exemples
Dans votre dossier d’application (quand il n’y a pas de connect
en route, ou dans une autre fenêtre du terminal) pour avoir la liste des exemples. il est possible de taper
steroids generate example
Il est alors possible de lancer
steroids generate example storage
pour installer l’exemple en question. Ensuite, il faut modifier dans le fichier config/application.coffee
la ligne comme indiquée
steroids.config.location = "http://localhost/storageExample.html"
Et bien sûr inspecter le code généré!
Voir aussi un petit tuto, HTML5 mobile apps with native UI on Steroids
Voir ce que cela donne ?
Pour cela, il vous faut installer le AppGyver Scanner
Et ensuite scanner ce QR code…
Have fun…