meta données pour cette page
  •  

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentesRévision précédente
Prochaine révision
Révision précédente
pont_entre_javascript_et_arduino_avec_node.js_et_massenger [2014/09/30 23:32] Alexandre Castonguaypont_entre_javascript_et_arduino_avec_node.js_et_massenger [2014/10/08 22:56] (Version actuelle) André Girard
Ligne 13: Ligne 13:
 Dans l'interface Arduino, allez à 'examples', trouver la librairie Massenger et ouvrir le fichier : massenger_digitalWrite_analogRead  [[image_interface_exemples_arduino]] Dans l'interface Arduino, allez à 'examples', trouver la librairie Massenger et ouvrir le fichier : massenger_digitalWrite_analogRead  [[image_interface_exemples_arduino]]
  
-=== 4. Installez node.js sur votre OS ===+=== 4. Ouvrez une fenêtre de terminal et allez au dossier 'Massenger/Applications/Serveur/'.=== 
 +Utilisez la fonction 'cd' (pour change directory (changer de dossier)) ou faites 'cd' puis 'cliquez et déposez le dossier 'serveur' dans la fenêtre de terminal. 
 + 
 +=== 5. Installez node.js sur votre OS ===
 (Pour OSX) Allez sur le site [[http://nodejs.org]] et installez le .pkg (Pour OSX) Allez sur le site [[http://nodejs.org]] et installez le .pkg
 Vous devrez installer des modules de node.js nécessaires à une interface avec le port série : serialport et websocket. Faites : Vous devrez installer des modules de node.js nécessaires à une interface avec le port série : serialport et websocket. Faites :
-'sudo npm install serialport' et 'sudo npm install netsocket' dans une fenêtre de terminal.+'sudo npm install serialport' et 'sudo npm install websocket' dans une fenêtre de terminal. 
 +* Vous aurez peut-être à installer les outils Xcode ou les outils de 'ligne de commande'. Attention cette archive est grande (+ de 2.4G) donc nécessite beaucoup d'espace sur votre disque dur. 
 +Pour télécharger Xcode : [[https://itunes.apple.com/fr/app/xcode/id497799835?mt=12]]
  
  
-=== 5. Ouvrez le fichier ArduinoASCIIBridge.js dans Brackets ===+=== 6. Ouvrez le fichier ArduinoASCIIBridge.js dans Brackets ===
 [[ArduinoASCIIBridge.js]] [[ArduinoASCIIBridge.js]]
  
-=== 6. Éditez cette ligne dans ArduinoASCIIBridge.js en la remplaçant par la valeur de votre port série ===+=== 7. Éditez cette ligne dans ArduinoASCIIBridge.js en la remplaçant par la valeur de votre port série ===
 [[Édition de ArduinoASCIIBridge.js]] [[Édition de ArduinoASCIIBridge.js]]
  
-=== 7. Ouvrez une fenêtre de terminal, allez au dossier 'node.js' et démarrez le serveur ===+=== 8. Ouvrez une fenêtre de terminal, allez au dossier parent de 'ArduinoASCIIBridge.js' et démarrez le serveur ===
 [[Fenêtre de terminal et commande pour démarrer le serveur]] [[Fenêtre de terminal et commande pour démarrer le serveur]]
 +
 +* Pour fermer le serveur, faites : 'ctl-c' (touche de contrôle et 'C' du clavier)
 +
 +=== 9. Ouvrez index.html dans Brackets ou Chrome ===
 +[[index.html dans brackets]]
 +
 +FAQ (erreurs) :
 +
 +Q : Il y a du glitch dans l'écran?! C'est beau mais je voudrais plutôt avoir les données...que faire?
 +R : Dans le code du Arduino, réduire la vitesse du port série à 9600 comme ceci :  'Serial.begin(9600);'
 +
 +Q : Lorsqu'on ouvre un WebSocket, on ne peut pas faire de send immédiatement, on doit attendre que le socket soit connecté.  Comment attendre?
 +R : L'API WebSocket offre l'événement 'onmessage' qui est lancé lorsque le serveur renvoie une réponse après l'ouverture.  On peut donc mettre notre send dans une fonction qui sera appelé lors de l'événement onmessage.  Par exemple: 
 +
 +<sxh>
 +function update(e){ /*Do Something*/};
 +var ws = new WebSocket("ws://localhost:9999/");
 +
 +ws.onmessage = update;
 +</sxh>