Le Même Exemple, Mais Dans Un Navigateur; Contrôle De La Partie Module - Yoctopuce Yocto-RangeFinder Mode D'emploi

Table des Matières

Publicité

14. Utilisation du Yocto-RangeFinder en TypeScript
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-RangeFinder. 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.
Comme pour l'exemple Node.js, la compilation produit un fichier
dans le navigateur directement sur le fichier source TypeScript. Notez qu'au moment où cette
documentation est rédigée, le debug en format source dans le navigateur fonctionne pour les
browsers basés sur Chromium, mais pas encore dans Firefox.
14.4. Contrôle de la partie module
Chaque module peut-être contrôlé d'une manière similaire, vous trouverez ci dessous un simple
programme d'exemple affichant les principaux paramètres d'un module et permettant d'activer la
balise de localisation.
import { YAPI, YErrorMsg,
async function startDemo(args: string[]): Promise<void>
{
await YAPI.LogUnhandledPromiseRejections();
// Setup the API to use the VirtualHub on local machine
let errmsg:
YErrorMsg
if (await YAPI.RegisterHub('127.0.0.1', errmsg) != YAPI.SUCCESS) {
console.log('Cannot contact VirtualHub on 127.0.0.1:
return;
}
// Select the device to use
let module:
YModule
if(await module.isOnline()) {
if(args.length
if(args[1] == 'ON') {
await module.set_beacon(YModule.BEACON_ON);
} else {
104
, 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
YModule
} from 'yoctolib-cjs/yocto_api_nodejs.js';
= new YErrorMsg();
= YModule.FindModule(args[0]);
> 1) {
, et produit
tsconfig.json
similaire au code ci-dessus,
app.ts
qui permet de debugger
.js.map
'+errmsg.msg);
www.yoctopuce.com

Publicité

Table des Matières
loading

Table des Matières