Arduino - Glühbirne über das Web steuern

Über dieses Projekt

Die Steuerung über das Web ist heute selbstverständlich. In diesem einfachen Projekt zeige ich Ihnen, wie Sie eine Anwendung erstellen, die Glühbirnen über das Web steuert.

Das ist sicher nichts Neues, aber was Sie vielleicht sehen ist, dass das webbasierte Controlling nur wenige Schritte braucht, um es selbst zu tun. Jeder mit etwas Kenntnissen in der Webprogrammierung kann die webbasierten Anwendungen zur Steuerung/Überwachung von Geräten erstellen.

Sie können die Demo hier sehen:

Hardwarekomponente

Zuerst muss die Hardware eingerichtet werden. Hier verwende ich ein Arduino Uno Board, ein PHPoC WiFi Shield und ein PHPoC Arduino Relay Board.

So funktioniert's

Als nächstes kommt der "webbasierte" Teil. In Kombination mit PHPoC Shield wurde das Arduino-Board zu einem Webserver/WebSocket-Server. Im Grunde brauchen wir also:

+ clientseitiger Code :Bereitstellung einer webbasierten Benutzeroberfläche zur Steuerung der Glühbirne. Die Benutzeroberfläche sollte es Benutzern ermöglichen, den Steuerbefehl an den Webserver (Arduino-Board) zu senden. Die Benutzeroberfläche zeigt auch den Status der Glühbirne an, die in der Antwort vom Server gesendet wird. Dieser Webseiten-Quellcode muss in das Shield hochgeladen werden. Beim Empfang einer HTTP-Anfrage vom Webbrowser (Webclient) sendet der Shield (Webserver) die interpretierten Webdateien an den Webbrowser.

+ serverseitiger Code :Steuerung der Glühbirne basierend auf den vom Webbrowser gesendeten Daten. Der Code wird auf dem Arduino-Board ausgeführt und der Fluss ist nichts als eine Schleife. Überprüfen Sie, ob vom Web-Client eine Anfrage gestellt wird, um das Relais zum Ein- und Ausschalten der Glühbirne einzustellen, und senden Sie dann den Glühbirnenstatus an den Webbrowser .

In diesem Projekt habe ich ein SVG-Element zum Anzeigen der Glühbirne und eine Schaltfläche zum Senden des Steuerbefehls aus dem Web erstellt. Webbrowser und Webserver kommunizieren über WebSocket miteinander. Die WebSocket-Verbindung eignet sich für Echtzeitanwendungen.

Je mehr Aufwand Sie für die Erstellung der Benutzeroberfläche aufwenden, desto besser kann sie aussehen. Aber keine Sorge, es gibt Unmengen von Ressourcen zum Teilen im Internet, sodass Sie vielleicht coolen kostenlosen Quellcode für die Benutzeroberfläche finden, anstatt alle Programmierarbeiten selbst zu erledigen.

Danke fürs Lesen :D.

Erfahre mehr über Relais in diesem Tutorial

Code

• remote_led.php
• remoteLed.ino

remote_led.phpPHP

    
 
  
 
 Schalter 
 
 
 

remoteLed.inoArduino

#include #include #define ON '1'#define OFF '0'byte expansionId =1;ExpansionRelayOutput-Relais (ExpansionId, 0);PhpocServer-Server (80);void setup () { Serial.begin (9600); while(!Seriell); // PHPoC [WiFi] Shield initialisieren:Phpoc.begin(PF_LOG_SPI | PF_LOG_NET); //Phpoc.begin(); // WebSocket-Server starten server.beginWebSocket("remote_led"); // IP-Adresse von PHPoC [WiFi] Shield auf seriellen Monitor drucken:Serial.print ("WebSocket-Serveradresse:"); Serial.println (Phpoc.localIP()); Expansion.begin(); // Name abrufen und auf serielle Serial.println (relay.getName ()) ausgeben; }void loop() { // auf einen neuen Client warten:PhpocClient client =server.available(); if (client) { if (client.available()> 0) { // ein vom Client eingehendes Byte lesen:char thisChar =client.read(); switch (thisChar) { Fall AUS:Serial.println ( "LED AUS"); Relais.aus(); server.write (AUS); brechen; Fall EIN:Serial.println ("Turn LED ON"); weitergeben(); server.write (EIN); brechen; } } }}