Pur și simplu controlați motorul prin telefonul mobil: 5 pași

2024 Autor: John Day | [email protected]. Modificat ultima dată: 2024-01-30 11:44

Acest How-To arată cum să controlați un serviciu IoT inteligent „HDrive17” de pe telefonul dvs. mobil doar folosind HTML și JavaScript. Pagina Web care include acest Script este stocată pe Motor it self și poate fi atașată la o aplicație Web de pe telefonul dvs. mobil.

Pasul 1: Configurați HDrive17 în rețeaua dvs. locală

Conectați HDrive17 (le puteți obține de la www.henschel-robotics.ch) la rețeaua locală prin conectarea cablului Ethernet de la motor la routerul dvs. WiFi. Aveți grijă să configurați mai întâi o adresă IP validă pe HDrive pentru rețeaua dvs. Întreaga aplicație afișată în videoclip este într-un singur fișier HTML de pe computerul meu local. Mai întâi puteți testa acest site web în browserul dvs. local și puteți controla HDrive de pe computer.

Dacă doriți să utilizați telefonul mobil pentru a controla HDrive, trebuie să publicați acest site local în rețeaua dvs. WiFi. Apoi, deschideți acest site web, servit de pe computer, pe telefonul dvs. mobil. Pentru a partaja un astfel de site în rețeaua dvs., puteți utiliza WebMatrix Tool sau IIS de la Microsoft, trebuie doar să aveți în vedere să faceți niște configurații netsh și firewall pe care telefonul dvs. mobil le are acces la pagină.

De asemenea, este posibil să stocați pagina web direct pe motorul pe care îl are, atunci niciun computer nu mai este obligatoriu.

Pasul 2: Aplicație pentru program

Corpul paginii web:

Folosim scriptul roundslider pentru a afișa calibrul frumos, prin urmare trebuie să adăugăm elementul glisor în corpul documentului HTML.

Pasul 3: Script pagină web

Următorul cod trimite noua poziție țintă către HDrive. Începe cu includerea scriptului JQuery și RoundSlider. Rounsliderul declanșează un eveniment de tragere care apelează funcția „sendDataToHdrive”. Această funcție trimite apoi o nouă comandă de acționare la motor.

vă rugăm să aruncați o privire la această linie:

var blob = new Blob (['

Trimite o unitate de transmisie către HDrive cu poziția țintă, max. viteza de 2000 RPM, tha max. curent de 2A în modul 129 (controlul poziției). puteți descărca întregul proiect aici: Slider_demo.rar

Pasul 4: Stocați pagina web direct în HDrive

Pentru a găzdui aplicația web pe unitatea dvs., trebuie să încărcăm fișierele pe motor. Motorul poate încărca 4 fișiere, 2 fișiere HTML și 2 fișiere Script (.js). Fiecare fișier este redenumit după încărcare. Primul fișier HTML este redenumit în app1.html apoi app2.html fișierele script sunt redenumite în s1.js și s2.js. Prin urmare, trebuie să schimbăm legăturile de fișiere din fișierul nostru HTML. JQuery … devine „s2.js”. Mai mult, am copiat roundslider css în fișierul HTML.

Mai întâi introduceți GUI-ul Web de pe HDrive și accesați secțiunea „Aplicații”

Pasul 5: Accesarea aplicației

După încărcarea acestor fișiere puteți accesa pagina de pe adresa https://192.168.1.102/app1.html de pe orice dispozitiv din aceeași rețea, PC-ul dvs. nu mai este obligatoriu, fișierele sunt găzduite direct de pe HDrive.

Descărcați toate fișierele aici.