Table des Matières
Publicité
15. Utilisation du Yocto-MaxiDisplay en TypeScript
{
if (await disp.isOnline()) {
x
+= vx;
y
+= vy;
if
((x
< 0) ||
if
((y
< 0) ||
await l1.setLayerPosition(x, y, 0);
} else {
console.log('Module not
}
setTimeout(refresh, 5);
}
startDemo();
Comme décrit au début de ce chapitre, vous devez avoir installé le complateur TypeScript sur votre
machine pour essayer ces exemples, et installé les dépendances de la librairie TypeScript. Si vous
l'avez fait, vous pouvez maintenant taper la commande suivantes dans le répertoire de l'exemple lui-
même, pour finaliser la résolution de ses dépendances:
npm install
Vous êtes maintenant prêt pour lancer le code d'exemple dans Node.js. La manière la plus simple de
le faire est d'utiliser la commande suivante, en remplaçant les [...] par les arguments que vous voulez
passer au programme:
npm run demo
[...]
Cette commande, définie dans le fichier
TypeScript à l'aide de la simple commande
La compilation utilise les paramètres spécifiés dans le fichier
• un fichier JavaScript
• un fichier de debug
erreurs en référançant leur origine dans le fichier d'origine en TypeScript.
Notez que le fichier
package.json
librairie par un path relatif, pour éviter de dupliquer la librairie dans chaque exemple. Bien sur, pour
votre application de production, vous pourrez utiliser le package directement depuis le repository
npm en l'ajoutant à votre projet à l'aide de la commande:
npm install yoctolib-cjs
Le même exemple, mais dans un navigateur
Si vous voulez voir comment utiliser la librairie dans un navigateur plutôt que dans Node.js, changez
de répertoire et allez dans example_html/Doc-GettingStarted-Yocto-MaxiDisplay. Vous y
trouverez un fichier html
mais avec quelques variantes pour permettre une interaction à travers la page HTML plutôt que sur
la console JavaScript.
Aucune installation n'est nécessaire pout utiliser cet exemple HTML, puisqu'il référence la librairie
TypeScript via un chemin relatif. Par contre, pour que le navigateur puisse exécuter le code, il faut
que la page HTML soit publié par un serveur Web. Nous fournissons un petit serveur de test pour cet
usage, que vous pouvez lancer avec la commande:
npm run app-server
Cette commande va compiler le code d'exemple TypeScript, le mettre à disposition via un serveur
HTTP sur le port 3000 et ouvrir un navigateur sur cet exemple. Si vous modifiez le code d'exemple, il
sera automatiquement recompilé et il vous suffira de recharger la page sur le navigateur pour
retester.
110
(x
>
w
-
(h
/ 4)))
vx
(y
>
h
-
(h
/ 4)))
vy
connected');
package.json
tsc
, que Node.js pourra exécuter
demo.js
, qui permettra le cas échéant à Node.js de signaler les
demo.js.map
de nos exemples référence directement la version locale de la
, et un fichier TypeScript
app.html
= -vx;
= -vy;
, a pour effet de compiler le code source
, puis de lancer le code compilé dans Node.js.
tsconfig.json
app.ts
, et produit
similaire au code ci-dessus,
www.yoctopuce.com
Publicité
Table des Matières
