Bare styr motoren med mobiltelefonen: 5 trin

2024 Forfatter: John Day | [email protected]. Sidst ændret: 2024-01-30 08:28

Denne vejledning viser, hvordan du styrer en smart IoT Servo "HDrive17" med din mobiltelefon ved hjælp af HTML og JavaScript. Websiden inklusive dette script gemmes på selve motoren og kan tilsluttes en WebApp på din mobiltelefon.

Trin 1: Konfigurer HDrive17 til dit lokale netværk

Tilslut HDrive17 (du kan få dem fra www.henschel-robotics.ch) til dit lokale netværk ved at tilslutte Ethernet-kablet fra motoren til din WiFi-router. Sørg for, at du først har konfigureret en gyldig IP-adresse på HDrive til dit netværk. Hele applikationen vist i videoen er alt i en HTML -fil på min lokale computer. Først kan du teste dette websted i din lokale browser og styre HDrive fra din pc.

Hvis du vil bruge din mobiltelefon til at styre HDrive, skal du udgive dette lokale websted til dit WiFi -netværk. Åbn derefter bare dette websted, serveret fra din pc, på din mobiltelefon. Hvis du vil dele et sådant websted i dit netværk, kan du bruge WebMatrix Tool eller IIS fra Microsoft, bare husk på at lave nogle netsh- og firewall -konfigurationer, som din mobiltelefon har adgang til siden.

Det er også muligt at gemme websiden direkte på motoren selv, så er ingen pc længere obligatorisk.

Trin 2: Programmer applikation

Webside body:

Vi bruger roundslider -scriptet til at vise den flotte måler, derfor skal vi tilføje skyderelementet i HTML -dokumentets brødtekst.

Trin 3: Websidescript

Følgende kode sender den nye målposition til HDrive. Det begynder med inkluderingen af JQuery- og RoundSlider -scriptet. Rounslider udløser en trækhændelse, der kalder funktionen "sendDataToHdrive". Denne funktion sender derefter en ny drevkommando til motoren.

se venligst denne linje:

var blob = ny Blob (['

Det sender et drev til HDrive med målpositionen, maks. hastighed på 2000 o / min, tha max. strøm på 2A i tilstanden 129 (positionskontrol). du kan downloade hele projektet her: Slider_demo.rar

Trin 4: Gem websiden direkte på HDrive

For at være vært for webprogrammet på dit drev skal vi uploade filerne til motoren. Motoren er i stand til at uploade 4 filer, 2 HTML og 2 Script (.js) filer. Hver fil får nyt navn efter upload. Den første HTML -fil omdøbes til app1.html, derefter bliver app2.html scriptfilerne omdøbt til s1.js og s2.js. Derfor er vi nødt til at ændre fillinkene i vores HTML -fil. JQuery… bliver “s2.js”. Desuden kopierede jeg roundslider css til HTML -filen.

Først skal du indtaste web -GUI'en fra dit HDrive og få adgang til sektionen "Apps"

Trin 5: Adgang til appen

Efter upload af disse filer kan du få adgang til siden på adressen https://192.168.1.102/app1.html fra enhver enhed i det samme netværk, din pc er ikke længere obligatorisk, filerne hostes direkte fra HDrive.

Download alle filer her.