Jednoduše ovládejte motor pomocí mobilního telefonu: 5 kroků

2024 Autor: John Day | [email protected]. Naposledy změněno: 2024-01-30 08:21

Tento návod ukazuje, jak pomocí smartphonu pomocí HTML a JavaScriptu ovládat chytré IoT Servo „HDrive17“. Webová stránka včetně tohoto skriptu je uložena v samotném motoru a lze ji připojit k webové aplikaci ve vašem mobilním telefonu.

Krok 1: Nastavte HDrive17 na vaši místní síť

Připojte HDrive17 (můžete je získat z www.henschel-robotics.ch) k místní síti připojením ethernetového kabelu od motoru k WiFi routeru. Nejprve se ujistěte, že jste na HDrive pro svou síť nakonfigurovali platnou IP adresu. Celá aplikace zobrazená ve videu je v jednom souboru HTML na mém místním počítači. Nejprve můžete tento web otestovat ve svém místním prohlížeči a ovládat HDrive z počítače.

Chcete -li ovládat HDrive pomocí mobilního telefonu, musíte tento místní web zveřejnit ve své síti WiFi. Poté stačí otevřít tuto webovou stránku obsluhovanou z počítače na mobilním telefonu. Chcete -li takový web sdílet ve své síti, můžete použít nástroj WebMatrix Tool nebo IIS od společnosti Microsoft, nezapomeňte však provést konfiguraci netsh a brány firewall, ke které má váš mobilní telefon přístup ke stránce.

Je také možné uložit webovou stránku přímo na samotný motor, pak již není nutný žádný počítač.

Krok 2: Programová aplikace

Tělo webové stránky:

K zobrazení pěkného rozchodu používáme skript roundslider, proto musíme do těla dokumentu HTML přidat posuvník.

Krok 3: Webový skript

Následující kód odesílá novou cílovou pozici na HDrive. Začíná zahrnutím skriptu JQuery a RoundSlider. Rounslider spouští událost drag, která volá funkci „sendDataToHdrive“. Tato funkce poté odešle do motoru nový příkaz pohonu.

podívejte se prosím na tento řádek:

var blob = nový blob (['

Vysílá pochvalu disku na HDrive s cílovou pozicí, max. rychlost 2 000 ot / min, max. proud 2A v režimu 129 (ovládání polohy). celý projekt si můžete stáhnout zde: Slider_demo.rar

Krok 4: Uložte webovou stránku přímo do HDrive

Abychom mohli hostovat webovou aplikaci na vašem disku, musíme nahrát soubory do motoru. Motor je schopen nahrát 4 soubory, 2 soubory HTML a 2 soubory Script (.js). Každý soubor je po nahrání přejmenován. První soubor HTML je přejmenován na app1.html a poté app2.html soubory skriptů jsou přejmenovány na s1.js a s2.js. Proto musíme změnit odkazy na soubory v našem souboru HTML. JQuery … se stává „s2.js“. Dále jsem zkopíroval roundslider css do souboru HTML.

Nejprve zadejte webové GUI ze svého HDrive a přejděte do sekce „Aplikace“

Krok 5: Přístup k aplikaci

Po nahrání těchto souborů se můžete dostat na stránku na adrese https://192.168.1.102/app1.html z jakéhokoli zařízení ve stejné síti, váš počítač již není povinný, soubory jsou hostovány přímo z HDrive.

Stáhněte si všechny soubory zde.