Stap 6: Maak een webinterface met Bootstrap
Als u de voorgaande stappen, u moet zitten kundig voor knooppunt webtest.js uitgevoerd op de opdrachtregel hebt gevolgd, bezoek http://localhost/ om te beginnen met het beheersen van je Arduino!
Zodra u dit begrijpt bent u goed op uw manier aan geavanceerde Browser-naar-Arduino kappen en nodebots ( johnny-vijf repo is een uitstekend middel bijvoorbeeld code)
Een voorbeeld: aan de kant van de browser, wanneer u op 'Set Delay klikt' uitstoten een gebeurtenis van de socket 'geleid'
$(' {#ledSet').on('click',function()}
nummer van led vertragingswaarde parseren
var tmp = parseInt($('#ledDelay').val(),10);
uitprinten
console.log ("instelling LED vertraging:", tmp)
boodschap van de socket van vertraging
socket.emit('led',{delay:tmp});
});
Aan de serverzijde, uw bericht wordt verwerkt en de waarde van de stroboscoop aangepast:
socket.on ('geleid', functie (gegevens) {}
console.log(Data);
if(Board.isReady) {led.strobe(data.delay);}
});
