Kontrollera bara motorn med mobiltelefonen: 5 steg

2024 Författare: John Day | [email protected]. Senast ändrad: 2024-01-30 12:44

Denna instruktion visar hur du styr en smart IoT Servo "HDrive17" med din mobiltelefon bara med HTML och JavaScript. Webbsidan inklusive detta skript lagras på motorn själv och kan kopplas till en WebApp på din mobiltelefon.

Steg 1: Konfigurera HDrive17 till ditt lokala nätverk

Anslut HDrive17 (du kan få dem från www.henschel-robotics.ch) till ditt lokala nätverk genom att ansluta Ethernet-kabeln från motorn till din WiFi-router. Se till att du har konfigurerat en giltig IP-adress på HDrive för ditt nätverk först. Hela programmet som visas i videon är allt i en HTML -fil på min lokala dator. Först kan du testa denna webbplats i din lokala webbläsare och styra HDrive från din dator.

Om du vill använda din mobiltelefon för att styra HDrive måste du publicera denna lokala webbplats till ditt WiFi -nätverk. Öppna sedan den här webbplatsen, serverad från din dator, på din mobiltelefon. För att dela en sådan webbplats i ditt nätverk kan du använda WebMatrix Tool eller IIS från Microsoft. Tänk bara på att göra en netsh- och brandväggskonfiguration som din mobiltelefon har åtkomst till sidan.

Det är också möjligt att lagra webbsidan direkt på motorn själv, då är ingen PC obligatorisk längre.

Steg 2: Programmera applikation

Webbsida:

Vi använder roundslider -skriptet för att visa den fina mätaren, därför måste vi lägga till reglageelementet i HTML -dokumentets kropp.

Steg 3: Skript för webbsida

Följande kod skickar den nya målpositionen till HDrive. Det börjar med att inkludera JQuery- och RoundSlider -skriptet. Rounslider utlöser en draghändelse som kallar funktionen "sendDataToHdrive". Denna funktion skickar sedan ett nytt drivkommando till motorn.

ta en titt på den här raden:

var blob = new Blob (['

Den skickar en enhet som rekommenderar till HDrive med målpositionen, max. hastighet 2000 varv / min, max. ström på 2A i läge 129 (positionskontroll). du kan ladda ner hela projektet här: Slider_demo.rar

Steg 4: Spara webbsidan direkt i HDrive

För att vara värd för webbprogrammet på din enhet måste vi ladda upp filerna till motorn. Motorn kan ladda upp 4 filer, 2 HTML och 2 Script (.js) filer. Varje fil får ett nytt namn efter uppladdning. Den första HTML -filen byter namn till app1.html och sedan ändras app2.html -skriptfilerna till s1.js och s2.js. Därför måste vi ändra fillänkarna i vår HTML -fil. JQuery … blir “s2.js”. Dessutom kopierade jag roundslider css till HTML -filen.

Ange först webbgränssnittet från din HDrive och öppna avsnittet "Appar"

Steg 5: Öppna appen

När du har laddat upp dessa filer kan du komma åt sidan på adressen https://192.168.1.102/app1.html från vilken enhet som helst i samma nätverk, din dator är inte obligatorisk längre, filerna är värd direkt från HDrive.

Ladda ner alla filer här.