Jednoducho ovládajte motor pomocou mobilného telefónu: 5 krokov

2024 Autor: John Day | [email protected]. Naposledy zmenené: 2024-01-30 11:58

Tento návod ukazuje, ako ovládať inteligentné IoT Servo „HDrive17“pomocou mobilného telefónu pomocou HTML a JavaScript. Webová stránka vrátane tohto skriptu je uložená v samotnom motore a môže byť pripojená k aplikácii WebApp vo vašom mobilnom telefóne.

Krok 1: Nastavte HDrive17 na vašu miestnu sieť

Pripojte HDrive17 (získate ich na www.henschel-robotics.ch) k miestnej sieti zapojením ethernetového kábla z motora do smerovača WiFi. Uistite sa, že ste najskôr nakonfigurovali platnú IP adresu na HDrive pre vašu sieť. Celá aplikácia zobrazená vo videu je všetko v jednom súbore HTML na mojom lokálnom počítači. Najprv môžete otestovať túto webovú stránku v miestnom prehliadači a ovládať HDrive z počítača.

Ak chcete ovládať HDrive pomocou mobilného telefónu, musíte zverejniť tento miestny webový server vo svojej sieti WiFi. Potom stačí otvoriť túto webovú stránku obsluhovanú z počítača na mobilnom telefóne. Na zdieľanie takejto stránky vo vašej sieti môžete použiť nástroj WebMatrix Tool alebo IIS od spoločnosti Microsoft. Nezabudnite však urobiť niekoľko konfigurácií netsh a brány firewall, na ktoré má váš mobilný telefón prístup.

Webovú stránku je možné uložiť aj priamo na motor, potom už nie je povinný žiadny počítač.

Krok 2: Aplikácia programu

Telo webovej stránky:

Na zobrazenie pekného rozchodu používame skript roundslider, preto musíme do tela dokumentu HTML pridať posuvný prvok.

Krok 3: Skript webovej stránky

Nasledujúci kód odosiela novú cieľovú pozíciu na HDrive. Začína sa to zahrnutím skriptu JQuery a RoundSlider. Rounslider spúšťa udalosť ťahania, ktorá volá funkciu „sendDataToHdrive“. Táto funkcia potom vyšle do motora nový príkaz pohonu.

prosím, pozrite sa na tento riadok:

var blob = nový blob (['

Pošle pochvalu disku HDrive s cieľovou pozíciou, max. rýchlosť 2 000 ot / min, max. prúd 2A v režime 129 (ovládanie polohy). celý Projekt si môžete stiahnuť tu: Slider_demo.rar

Krok 4: Uložte webovú stránku priamo do HDrive

Aby sme mohli hostovať webovú aplikáciu na vašom disku, musíme nahrať súbory do motora. Motor je schopný nahrať 4 súbory, 2 súbory HTML a 2 súbory Script (.js). Po nahraní sa každý súbor premenuje. Prvý súbor HTML sa premenuje na app1.html a potom app2.html sa skriptové súbory premenujú na s1.js a s2.js. Preto musíme zmeniť odkazy na súbory v našom súbore HTML. JQuery … sa stáva „s2.js“. Ďalej som skopíroval roundslider css do súboru HTML.

Najprv zadajte webové GUI z vášho HDrive a vstúpte do sekcie „Aplikácie“

Krok 5: Prístup k aplikácii

Po nahraní týchto súborov sa môžete dostať na stránku na adrese https://192.168.1.102/app1.html z akéhokoľvek zariadenia v rovnakej sieti, váš počítač už nie je povinný, súbory sú hosťované priamo z HDrive.

Tu si stiahnite všetky súbory.