Über dieses Projekt

Einführung

Wenn Sie Anfänger sind, empfehle ich Ihnen, über Arduino - Servomotor und Arduino - Wifi zu lesen.

Um Arduino mit dem Internet zu verbinden, müssen wir eine Art Internet-Schild wie Ethernet-Schild, Wifi-Schild, PHPoC-Schild oder PHPoC-Wifi-Schild verwenden.

Das herausragende Merkmal von PHPoC Shield ist, dass es nicht nur eine Internetverbindung wie Ethernet und Wifi Shield bietet, sondern auch einen Webserver bietet, der es ermöglicht, Arduino über einen Webbrowser zu steuern und zu überwachen. Es unterstützt auch WebSocket, daher können wir Arduino in Echtzeit steuern und überwachen, ohne eine Webseite neu laden zu müssen.

PHPoC Shield verfügt über einige integrierte Webanwendungen. Weitere Informationen finden Sie unter diesem Link.

In diesem Projekt habe ich die UI (Benutzeroberfläche) von Web Remote Control/Slide geändert Webanwendung und schrieb Arduino-Code, um den Winkel des Servomotors entsprechend dem vom Webbrowser empfangenen Winkel zu drehen.

Verkabelung

• PHoC-Schild auf Arduino stapeln
• Verbinden Sie Pin GND, VCC und das Signal des Servomotors mit GND, 5V bzw. Pin 9 von Arduino.

Datenfluss

Webbrowser ---> PHPoC Shield ---> Arduino

Die Web-App berechnet den Winkel basierend auf dem Berührungs- oder Mausereignis und sendet ihn über den Websocket an den PHPoC-Schild. Wenn diese Daten empfangen werden, leitet PHPoC-Schild sie an Arduino weiter. Arduino dreht den Servomotor entsprechend dem Winkel.

Was wir tun müssen

• WLAN-Informationen für PHPoC-Schild festlegen (SSID und Passwort)
• Neue Benutzeroberfläche auf PHPoC-Schild hochladen
• Arduino-Code schreiben

WLAN-Informationen für PHPoC Shield einstellen

Siehe diese Anleitung:http://www.phpoc.com/support/manual/p4s-347_user_manual/contents.php?id=network_first_setup

Neue Benutzeroberfläche in PHPoC Shield hochladen

• Herunterladen des PHPoC-Quellcodes remote_rotate.php (im Codeabschnitt)
• Laden Sie es mit dem PHPoC-Debugger gemäß dieser Anleitung auf den PHPoC-Schild hoch

Arduino-Code schreiben

• Installieren Sie die Bibliothek für Arduino auf der Arduino IDE (siehe die Anleitung) und starten Sie die Arduino IDE neu.
• Gehen Sie in der Arduino IDE zu Datei -> Beispiele -> Phpoc -> WebRemoteSlide und Datei -> Beispiele -> Servo -> Sweep.
• Kombinieren Sie zwei Beispiele zu einem, wir haben den Code zur Steuerung des Servomotors über eine Webseite (siehe Quellcode im Codeabschnitt).

Testen

• Klicken Sie auf die serielle Schaltfläche in der Arduino IDE, um die IP-Adresse anzuzeigen
• Öffnen Sie den Webbrowser, geben Sie http://replace_ip_address ein /remote_rotate.php
• Klicken Sie auf die Schaltfläche "Verbinden" und testen Sie es

Das beste Arduino Starter Kit für Anfänger

Wenn Sie nach einem Arduino-Kit suchen, lesen Sie Das beste Arduino-Kit für Anfänger

Funktionsreferenzen

• Arduino - Servobibliothek
• Servo.attach()
• Servo.write()
• Servo.writeMicroseconds()
• Servo.read()
• Servo.attached()
• Servo.detach()
• Seriell.begin()
• Seriell.println()
• verzögerung()
• for-Schleife
• while-Schleife
• wenn sonst
• Schleife()
• setup()
• String.toInt()

Code

• remote_rotate.php
• Arduino-Code

remote_rotate.phpPHP

Web-Fernsteuerung / Drehen


WebSocket:null
Winkel:0 
Verbinden

Arduino-CodeArduino

/* Arduino Webserver - Fernbedienung (Schiebeschalter) */#include "SPI.h"#include "Phpoc.h"#include PhpocServer server(80);Servo myservo; // Servo-Objekt erstellen, um ein Servochar zu steuern slideName;int slideValue;void setup () { Serial.begin (9600); while(!Seriell); Phpoc.begin(PF_LOG_SPI | PF_LOG_NET); //Phpoc.begin(); server.beginWebSocket("remote_slide"); Serial.print("WebSocket-Serveradresse:"); Serial.println (Phpoc.localIP()); myservo.attach(9); // verbindet das Servo an Pin 9 mit dem Servo-Objekt myservo.write (1); }void loop() { // auf einen neuen Client warten:PhpocClient client =server.available(); if (client) { String slideStr =client.readLine(); if(slideStr) { slideValue =slideStr.substring(1).toInt(); myservo.write(slideValue); Serial.print("Winkel:"); Serial.println (slideValue); } }}