Utiliser le SDK

Le SDK contient un certain nombre d'outils destinés à la création de mini programmes Tommy.

Utiliser l'émulateur

Le cœur du SDK est un émulateur qui reproduit l'environnement de l'application Tommy sur votre machine locale. Cela vous permet de développer pour Tommy des mini programmes qui s'intégreront parfaitement à l'application en production lorsque vous les empaquetterez et les publierez.

Après avoir suivi les étapes d'installation, vous verrez l'émulateur, qui constitue l'interface principale du SDK, chargé dans votre navigateur.

L'émulateur vous permet de prévisualiser en temps réel les mini programmes que vous développez. Le code source des mini programmes se trouve dans le dossier /addons. Les mini programmes de démonstration fournis avec le SDK constituent un excellent point de départ et doivent servir de référence pour créer vos propres mini programmes.

La vue principale de l'émulateur contient deux sections :

Une liste de tous les mini programmes chargés depuis le dossier /addons.

Une liste de toutes les vues de mini programmes pouvant être ouvertes. Si vous cliquez sur une vue, vous pourrez la voir émulée à l'intérieur du navigateur. Si vous modifiez une partie du code du mini programme correspondant, cette vue sera automatiquement rechargée et vous pourrez voir vos modifications dans votre navigateur en temps réel.

Le SDK est très simple à utiliser en lui-même ; alors, quand vous serez prêt, passons à une explication de la structure des fichiers d'extension et des fichiers manifestes.

Fonctionnalités dynamiques

Le SDK Tommy dispose de fonctionnalités dynamiques que vous voudrez exploiter afin d'accélérer votre flux de développement :

Chaque fois que vous modifiez du code, la vue actuelle est rechargée. Vous pouvez configurer la vue chargée automatiquement par défaut via la page Paramètres de l'interface.

Les fichiers JavaScript situés dans config.json views/javascripts/**/.js seront automatiquement compilés dans views/builds/bundle.js en temps réel. Le code ES6 est entièrement pris en charge. Consultez le code source du mini programme Tasks pour un exemple.

Les feuilles de style SASS situées dans views/stylesheets/**/.scss seront automatiquement compilées dans views/build/bundle.css en temps réel. Seul SASS est pris en charge pour le moment. Consultez le code source du mini programme Tasks pour un exemple.

Les modèles Template7 situés dans views/templates/**/.tpl.html seront automatiquement compilés dans views/build/bundle.tpl.html en temps réel. Consultez le code source du mini programme Tasks pour un exemple.