AppGyver Steroids

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

appstore    googleplay

 Et ensuite scanner ce QR code…

steroids QR code

Have fun…

Laisser une réponse