Étape 6: Créer une interface web avec Bootstrap
Si vous avez suivi les étapes précédentes, vous devriez être en mesure d’exécuter webtest.js de nœud en ligne de commande, visitez http://localhost/ pour commencer à contrôler votre Arduino !
Une fois que vous pouvez comprendre cela, vous êtes bien sur votre façon de piratage du navigateur-à-Arduino avancées et de nodebots (le repo de johnny-cinq est une excellente ressource par exemple code)
Un exemple : du côté du navigateur, lorsque vous cliquez sur 'Set Delay' émettre un événement de prise « conduit »
$(' #ledSet').on('click',function() {}
analyser le nombre de valeur delay led
var tmp = parseInt($('#ledDelay').val(),10) ;
imprimer
Console.log ("retard de LED de réglage:", tmp)
Envoyer message prise de retard
Socket.Emit('led',{delay:tmp}) ;
});
Côté serveur, votre message est traité et la valeur de stroboscope ajustée :
Socket.on ('led', function (data) {}
Console.log(Data) ;
if(Board.IsReady) {led.strobe(data.delay);}
});