JavaScript robotics och browser-baserade Arduino kontroll (6 / 7 steg)
Steg 6: Skapa ett webbgränssnitt med Bootstrap
Om du följt stegen bör du kunna köra nod webtest.js på kommandoraden, besök http://localhost/ att börja kontrollera din Arduino!
När du kan förstå detta är du på god väg till avancerade webbläsaren till Arduino hacka och nodebots ( johnny-fem repo är en utmärkt resurs till exempel kod)
Ett exempel: på webbläsare sida, när du klickar på "Ange försening" avger en socket händelse "ledde"
$(' #ledSet').on('click',function() {
tolka nummer från led försening värde
var tmp = parseInt($('#ledDelay').val(),10);
skriva ut
Console.log ("inställningen LED dröjsmål:", tmp)
Skicka socket meddelande om dröjsmål
socket.Emit('led',{Delay:tmp});
});
På serversidan, meddelandet bearbetas och justeras strobe värdet:
socket.on ("led", funktion (data) {
Console.log(data);
IF(Board.isReady) {led.strobe(data.delay);}
});