Egyszerűen vezérelje a motort mobiltelefonon: 5 lépés

2024 Szerző: John Day | [email protected]. Utoljára módosítva: 2024-01-30 09:41

Ez az útmutató bemutatja, hogyan vezérelheti okos HDRive17 intelligens IoT szervóját a mobiltelefonján HTML és JavaScript használatával. A weblap, amely tartalmazza ezt a szkriptet, a Motoron tárolódik, és csatolható a WebApphoz a mobiltelefonján.

1. lépés: A HDrive17 beállítása a helyi hálózatra

Csatlakoztassa a HDrive17-et (ezeket a www.henschel-robotics.ch weboldalról szerezheti be) a helyi hálózathoz, ha az Ethernet kábelt a motorról a WiFi útválasztóhoz csatlakoztatja. Győződjön meg arról, hogy a hálózathoz először érvényes IP-címet állított be a HDrive-on. A videóban látható teljes alkalmazás egy HTML fájlban található a helyi számítógépemen. Először tesztelheti ezt a webhelyet a helyi böngészőben, és vezérelheti a HDrive -ot a számítógépről.

Ha a mobiltelefonját szeretné használni a HDrive vezérléséhez, akkor ezt a helyi webhelyet közzé kell tennie a WiFi hálózatán. Ezután csak nyissa meg ezt a webhelyet, amelyet a számítógépről szolgál ki a mobiltelefonján. Ha ilyen webhelyet szeretne megosztani a hálózatában, használhatja a Microsoft WebMatrix eszközt vagy IIS -t, ne feledje, hogy olyan netsh- és tűzfalkonfigurációkat kell elvégeznie, amelyekkel a mobiltelefon hozzáfér az oldalhoz.

Lehetőség van arra is, hogy a weboldalt közvetlenül a motoron tárolja, akkor már nincs szükség PC -re.

2. lépés: Programozási alkalmazás

Weboldal törzse:

A roundslider szkriptet használjuk a szép szelvény megjelenítésére, ezért hozzá kell adnunk a csúszkaelemet a HTML dokumentum törzséhez.

3. lépés: Weboldal szkriptje

A következő kód az új célpozíciót küldi a HDrive -nak. A JQuery és a RoundSlider szkript bevonásával kezdődik. A rounslider elindít egy húzási eseményt, amely meghívja a „sendDataToHdrive” funkciót. Ez a funkció ezután új hajtási parancsot küld a motornak.

kérlek nézd meg ezt a sort:

var blob = új Blob (['

Meghajtó dicséretet küld a HDrive -nak a célpozícióval, a max. fordulatszám 2000 ford / perc, max. 2A áram a 129 üzemmódban (helyzetvezérlés). a teljes projektet innen töltheti le: Slider_demo.rar

Lépés: Tárolja a weboldalt közvetlenül a HDrive -on

A webalkalmazás tárolásához meghajtóján fel kell töltenünk a fájlokat a motorba. A motor 4 fájl, 2 HTML és 2 Script (.js) fájl feltöltésére alkalmas. Feltöltés után minden fájl átnevezésre kerül. Az első HTML -fájlt átnevezik app1.html -re, majd az app2.html -re a szkriptfájlokat átnevezik s1.js -re és s2.js -re. Ezért meg kell változtatnunk a HTML -fájlban lévő fájl hivatkozásait. A JQuery… „s2.js” lesz. Továbbá bemásoltam a Roundslider css -t a HTML fájlba.

Először adja meg a webes felhasználói felületet a HDrive -ről, és nyissa meg az „Alkalmazások” részt

5. lépés: Az alkalmazás elérése

Ezeknek a fájloknak a feltöltése után ugyanazon hálózat bármely eszközéről elérheti a https://192.168.1.102/app1.html címen található oldalt, a számítógép már nem kötelező, a fájlok közvetlenül a HDrive -ról kerülnek tárolásra.

Töltse le az összes fájlt itt.