Jednostavno upravljanje motorom putem mobilnog telefona: 5 koraka

2024 Autor: John Day | [email protected]. Zadnja izmjena: 2024-01-30 08:07

Ova uputa prikazuje kako kontrolirati pametni IoT Servo "HDrive17" pomoću svog mobilnog telefona samo pomoću HTML-a i JavaScript-a. Web stranica, uključujući ovaj skript, pohranjena je na samom motoru i može se priključiti na WebApp na vašem mobilnom telefonu.

Korak 1: Postavite HDrive17 na svoju lokalnu mrežu

Povežite HDrive17 (možete ih nabaviti sa www.henschel-robotics.ch) na svoju lokalnu mrežu priključivanjem Ethernet kabela s motora na vaš WiFi usmjerivač. Vodite računa da ste prvo konfigurirali važeću IP adresu na HDrive-u za svoju mrežu. Cijela aplikacija prikazana u videu je sve u jednoj HTML datoteci na mom lokalnom računaru. Prvo možete testirati ovu web lokaciju u svom lokalnom pregledniku i kontrolirati HDrive sa svog računara.

Ako želite koristiti svoj mobilni telefon za upravljanje HDrive -om, morate objaviti ovu lokalnu web stranicu na svojoj WiFi mreži. Zatim samo otvorite ovu web stranicu koja se poslužuje s vašeg računala na vašem mobilnom telefonu. Za dijeljenje takve web lokacije u vašoj mreži mogli biste koristiti WebMatrix Tool ili IIS iz Microsofta, samo imajte na umu da napravite neku mrežnu i vatrozidnu konfiguraciju da vaš mobilni telefon ima pristup stranici.

Također je moguće web stranicu pohraniti izravno na motor, tada nijedan računar više nije obavezan.

Korak 2: Aplikacija programa

Telo web stranice:

Koristimo roundslider skriptu za prikaz lijepog mjerača, stoga moramo dodati element klizača u tijelo HTML dokumenta.

Korak 3: Skripta web stranice

Sljedeći kôd šalje novu ciljnu poziciju na HDrive. Počinje uključivanjem JQuery i RoundSlider skripte. Rounslider pokreće drag događaj koji poziva funkciju “sendDataToHdrive”. Ova funkcija tada šalje novu komandu pogona na motor.

molim vas pogledajte ovu liniju:

var blob = novi Blob (['

Na HDrive šalje preporuku pogona sa ciljnom pozicijom, maks. brzina 2000 RPM, max. struja od 2A u načinu rada 129 (kontrola položaja). cijeli projekt možete preuzeti ovdje: Slider_demo.rar

Korak 4: Spremite web stranicu izravno u HDrive

Da bismo ugostili web aplikaciju na vašem pogonu, moramo učitati datoteke u motor. Motor može učitati 4 datoteke, 2 HTML i 2 Script (.js) datoteke. Svaka datoteka se nakon prenošenja preimenuje. Prva HTML datoteka se preimenuje u app1.html, a zatim app2.html datoteke skripte se preimenuju u s1.js i s2.js. Stoga moramo promijeniti veze do datoteka u našoj HTML datoteci. JQuery… postaje “s2.js”. Nadalje, kopirao sam roundslider css u HTML datoteku.

Prvo unesite Web GUI sa svog HDrive -a i pristupite odjeljku "Aplikacije"

Korak 5: Pristup aplikaciji

Nakon učitavanja ovih datoteka možete pristupiti stranici na adresi https://192.168.1.102/app1.html sa bilo kojeg uređaja u istoj mreži, vaš računar više nije obavezan, datoteke se hostiraju direktno sa HDrive -a.

Ovdje preuzmite sve datoteke.