Sadržaj:

Jednostavno upravljanje motorom putem mobilnog telefona: 5 koraka
Jednostavno upravljanje motorom putem mobilnog telefona: 5 koraka

Video: Jednostavno upravljanje motorom putem mobilnog telefona: 5 koraka

Video: Jednostavno upravljanje motorom putem mobilnog telefona: 5 koraka
Video: ТЕПЕРЬ НЕ ПРОПАДУ 10-ть самоделок ВЫРУЧАТ ГДЕ УГОДНО! 2024, Studeni
Anonim
Image
Image

Ovaj Uputa prikazuje kako upravljati pametnim IoT Servo-om "HDrive17" svojim mobilnim telefonom 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

Aplikacija programa
Aplikacija programa

Spojite HDrive17 (možete ga nabaviti sa www.henschel-robotics.ch) na svoju lokalnu mrežu priključivanjem Ethernet kabela s motora na WiFi usmjerivač. Vodite računa da ste najprije za svoju mrežu konfigurirali valjanu IP-adresu na HDrive-u. Cijela aplikacija prikazana u videu nalazi se u jednoj HTML datoteci na mom lokalnom računalu. Prvo možete testirati ovu web stranicu u svom lokalnom pregledniku i kontrolirati HDrive sa svog računala.

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, posluženu s vašeg računala, na svom mobilnom telefonu. Za dijeljenje takve web lokacije u vašoj mreži možete upotrijebiti 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 pohraniti web stranicu izravno na motor, a zatim više nije potrebno računalo.

Korak 2: Aplikacija programa

Tijelo web stranice:

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

Korak 3: Skripta web stranice

Skripta web stranice
Skripta web stranice

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

molim vas pogledajte ovaj redak:

var blob = novi Blob (['

Na HDrive šalje preporuku pogona s ciljnim položajem, max. 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

Spremite web stranicu izravno u HDrive
Spremite web stranicu izravno u HDrive

Za hostiranje web aplikacije 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 preimenovana je u app1.html, a zatim app2.html datoteke skripte mijenjaju se u s1.js i s2.js. Stoga moramo promijeniti veze do datoteke 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

Pristupanje aplikaciji
Pristupanje 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še računalo više nije obavezno, datoteke se hostiraju izravno s HDriva.

Ovdje preuzmite sve datoteke.

Preporučeni: