Arduino - Gloeilamp bedienen via internet

Over dit project

Besturing via het web is tegenwoordig een norm geworden. In dit eenvoudige project laat ik je zien hoe je een applicatie maakt die gloeilampen via internet bedient.

Het is zeker niet iets nieuws, maar wat je misschien ziet, is dat de webgebaseerde besturing maar een paar stappen kan nemen om het zelf te doen. Iedereen met enige kennis van webprogrammering kan de webgebaseerde applicaties maken om apparaten te besturen/monitoren.

Je kunt de demo hier bekijken:

Hardwarecomponent

De eerste is om hardware in te stellen. Hier gebruik ik een Arduino Uno-bord, een PHPoC WiFi Shield en een PHPoC Arduino Relay Board.

Hoe het werkt

Vervolgens komt het op het "Web-based" gedeelte. In combinatie met PHPoC Shield werd het Arduino-bord een webserver/WebSocket-server. Dus eigenlijk hebben we nodig:

+ Code clientzijde :biedt een webgebaseerde gebruikersinterface om de gloeilamp te bedienen. De gebruikersinterface moet gebruikers in staat stellen het besturingscommando naar de webserver (Arduino-bord) te sturen. De gebruikersinterface geeft ook de status van de verzonden gloeilamp weer in het antwoord van de server. De broncode van deze webpagina moet naar het schild worden geüpload. Na ontvangst van een HTTP-verzoek van de webbrowser (webclient), stuurt het schild (webserver) de geïnterpreteerde webbestanden naar de webbrowser.

+ Server-side code :bedien de gloeilamp op basis van de gegevens die door de webbrowser worden verzonden. De code wordt uitgevoerd op het Arduino-bord en de stroom is niets dan een lus, controleer of er een verzoek is van de webclient om het relais in te stellen om de gloeilamp in of uit te schakelen en stuur vervolgens de gloeilampstatus naar de webbrowser .

In dit project heb ik een SVG-element gemaakt om de gloeilamp weer te geven en een knop om het besturingscommando van Web te verzenden. De webbrowser en webserver communiceren met elkaar via WebSocket. WebSocket-verbinding is geschikt voor realtime toepassingen.

Hoe meer moeite u besteedt aan het maken van de gebruikersinterface, hoe beter deze eruit kan zien. Maar maak je geen zorgen, er zijn talloze bronnen voor delen beschikbaar op internet, dus misschien vind je een coole gratis broncode voor de gebruikersinterface in plaats van al het programmeerwerk zelf te doen.

Bedankt voor het lezen :D.

Leer meer over relais in deze tutorial

    
 
  
 
 Schakelaar 
 
 
 

#include #include #define ON '1'#define OFF '0'byte expansionId =1;ExpansionRelayOutput relay(expansionId, 0);PhpocServer server(80);void setup() {Serial.begin(9600); while(!Serial); // initialiseer PHPoC [WiFi] Shield:Phpoc.begin (PF_LOG_SPI | PF_LOG_NET); //Phpoc.begin(); // start WebSocket-serverserver.beginWebSocket ("remote_led"); // print IP-adres van PHPoC [WiFi] Shield naar seriële monitor:Serial.print ("WebSocket-serveradres:"); Serial.println(Phpoc.localIP()); Uitbreiding.begin(); // haal de naam op en druk deze af naar serieel Serial.println (relay.getName ()); }void loop() { // wacht op een nieuwe client:PhpocClient client =server.available(); if (client) { if (client.available()> 0) { // lees een byte die binnenkomt van de client:char thisChar =client.read(); switch (thisChar) { case OFF:Serial.println ("Zet LED UIT"); relais.uit(); server.schrijven (UIT); pauze; geval AAN:Serial.println ("Led AAN"); vertrouwen op(); server.schrijven (AAN); pauze; } } }}