World Wide WiDo Web stopcontact!! De ultieme DIY Arduino IoT (4 / 13 stap)

Stap 4: De input-output knopcode


HTML-codes op deze code is heel simpel, dat we zijn met behulp van knop formulieren verzenden invoer naar de Arduino en vervolgens ontleden de string die Arduino krijgt om erachter te komen wat te doen.

Wanneer de knop wordt geklikt, stuurt een tekenreeks terug naar de Arduino. Het is veel meer toelichting als u de seriële afdrukfunctie van wat de client(browser) stuurt. Arduino programma wacht op de browser om te verbinden en zodra deze aangesloten het stuurt wat informatie en verzoeken van het web. Arduino stuurt de kleine HTML-knopcode die we hebben. De HTML-code is geparseerd door de browser en weergegeven. Op dit punt de HTML-code is eenvoudig, en met sommige basis HTML-handleiding, de presentatie kan worden verbeterd.

Wanneer de knoppen wordt geklikt op de browser, stuurt het terug naar de Arduino wat tekst. Het is belangrijk op te merken dat aangezien er geen code voorhanden andere is, niet de browser hoe zich te gedragen weet nadat de Klik op gegevens wordt verzonden. Dit houdt de Arduino van het doen van extra werk en focus op de hardware kant.

In principe moet de Arduino te verzenden naar de cliënt iets als dit (bewerken hier):

De middelste paragraaf is de knopcode zelf. De boven- en onderkant geeft aan de code naar de client verzonden is onderdeel van een website. Als een van deze tekenreeksen ontbreekt, zal de ruwe tekst worden output in plaats van het tonen van een knop. Met behulp van deze aanpak, wanneer de naam van de knop binnen de tags op de knop te klikken stuurt. Dan kunnen we dit op Arduino gebruiken en ontleden om te activeren van de taak.

Gerelateerde Artikelen

DIY Arduino Word-Clock Project

DIY Arduino Word-Clock Project

Dit instructable is bij de bouw van mijn Arduino Word-klok. Dit instructable brengt samen een paar van mijn vorige sub-projecten die zijn gepubliceerd op instructables zoals ik zijn gevorderd tot de voltooiing van de Word-klok.Dus, wat is een Word-kl
DIY Arduino Mega 2560 of 1280

DIY Arduino Mega 2560 of 1280

dus dit mijn eerste instructables is... Laten we proberen dit!* origineel kan hier worden gevonden: http://tsjwang.blogspot.com/2013/08/diy-arduino-mega-2560.html*Oke.Hier is het verhaal: Ik was bezig met dit frustrerend Arduino project, en ik besloo
DIY Arduino Dot Matrix polshorloge

DIY Arduino Dot Matrix polshorloge

Pols horloges zijn geweldig en fancy fashion accessoires voor mannen en vrouwen. Makers willen altijd iets anders gebruiken. Mijn diy arduino dot matrix polshorloge is de uiteindelijke uitvoer na één maand werken. Het horloge toont tijd, datum en tem
DIY Arduino kleur Sensor

DIY Arduino kleur Sensor

Hoe maak je een DIY Arduino kleur SensorStap 1: onderdelen 4 Leds (groen, blauw, rood, geel)weerstand van 4 220 ohm1 LDR1-10 k ohm weerstandVrouwelijke PinsPCBStap 2: Knip de PCB Vorm uw ontwerp aan de PCB. Dan knippen. Ik gebruikte 3,5 cm 2.5 cmStap
DIY Arduino scrollen LCD tekst schild

DIY Arduino scrollen LCD tekst schild

Dit project is een upgrade op mijn "DIY Arduino LCD schild" ga check out hoe te maken op mijn kanaal!In dit project 'm I gonna een Arduino Uno schuiven van tekst op een 16 × 2 karakter LCD die wordt beheerd met een paar drukknoppen gebruiken. He
DIY Arduino Nano

DIY Arduino Nano

Hoe maak je een Arduino Nano met een Attiny-85.Stap 1: PCB Vorm uw ontwerp aan de PCB. Ik gebruikte een 6cm bij 2 cm.Stap 2: Knip de PCB Ik gebruikte Dremel, maar u kunt wat je wilt. Zorg ervoor dat u wrijf het goed, dus het zal een goede vorm.Stap 3
DE DIY ARDUINO BOARD voor 5$

DE DIY ARDUINO BOARD voor 5$

De arduino board is een open-source elektronische prototyping-platform gebruikt door hobbyist, kunstenaar, designers, makers enz...De arduino is eenvoudig te gebruiken in plaats van alle andere prototyping-board!Ik verwend zoveel geld over het kopen
Het bewerken van het World Wide Web (echter tijdelijke)

Het bewerken van het World Wide Web (echter tijdelijke)

Dit is een manier om schroef rond met het internet, het is niet permanent dus niets wordt geruïneerd. Opmerking: dit werkt alleen zeker op Windows.Wat je nodig hebt:1. een computermuis2. een computer3. Internet toegang4. je hersenenStap 1: Stap 1: ve
World Wide Web-Control voor onder $30.00

World Wide Web-Control voor onder $30.00

Toepassingen voor dit project zijn:Beheersing van items en het krijgen van informatie met behulp van elke browser op elk apparaat (tablet/PC/telefoon) en ook met behulp van energiebesparende stand terug om informatie te verzenden vanaf een externe lo
Ultieme DIY bruiloft in de Grand Canyon

Ultieme DIY bruiloft in de Grand Canyon

Onze bruiloft, 3 juli 2012 was mijn grootste ooit handgemaakte DIY-project. Dit is onze DIY - alles-"Desserts in de Desert"-picnic-on-a-bluff-at-the-bottom-of-the-Grand-Canyon bruiloft! Elke kleine persoonlijke touch is een die mijn man en ik en
Ultieme DIY Camera kraan

Ultieme DIY Camera kraan

deze gedetailleerde tutorial laat zien hoe het bouwen van een zeer professionele camera kraan voor ongeveer $40. Ik weet er dat een ton van grote DIY video's op de camera kranen die er zijn, nochtans vond ik dat velen van hen geen daadwerkelijk gebru
De ultieme diy boombox!

De ultieme diy boombox!

Dit ding is gewoon een gigantische ipod boombox... gewoon weg doper!  Ik wilde een stralen boombox voor mijn garage volledig te bouwen en hier is het.  De behuizing is gemaakt van mdf 3/4" en dan gebruikte ik sommige rammelaar kunt truck bed liner om
Anti-Yo World Wide Video YoYo Contest van japan bykamiyo1

Anti-Yo World Wide Video YoYo Contest van japan bykamiyo1

Hallo, ik ben Kamiyo-uit Hachioji, Japan.De truc in de video is mijn origineel, met de naam "Zeeziek in Hachioji".Het lijkt eenvoudig, maar opmerkelijk moeilijk.Anyway, Bekijk het!PROCESBegin met een split onder mount.Land een yoyo op de dichtst
Ultieme DIY kleine onderdelen organisator Caddy

Ultieme DIY kleine onderdelen organisator Caddy

Ik bouwde deze caddy bureaublad organisator om te houden van alle kleine onderdelen en elektronica onderdelen die heb ik het verzamelen van voor mijn tinker gebied. Deze eenheid functies 20 kleine caddies met lades, drie grotere caddies onder, een pl