Съдържание:

Просто управление на двигателя чрез мобилен телефон: 5 стъпки
Просто управление на двигателя чрез мобилен телефон: 5 стъпки

Видео: Просто управление на двигателя чрез мобилен телефон: 5 стъпки

Видео: Просто управление на двигателя чрез мобилен телефон: 5 стъпки
Видео: НАБРАЛ Секретный Код На Телефоне И ОФИГЕЛ!! БАТАРЕЯ НЕ САДИТСЯ! 2024, Ноември
Anonim
Image
Image

Тази инструкция показва как да управлявате интелигентен IoT Servo „HDrive17“от мобилния си телефон само с помощта на HTML и JavaScript. Уеб страницата, включително този скрипт, се съхранява на двигателя сам и може да бъде прикрепена към WebApp на вашия мобилен телефон.

Стъпка 1: Настройте HDrive17 към вашата локална мрежа

Приложение за програма
Приложение за програма

Свържете HDrive17 (можете да ги получите от www.henschel-robotics.ch) към вашата локална мрежа, като включите Ethernet кабела от двигателя към вашия WiFi рутер. Уверете се, че първо сте конфигурирали валиден IP-адрес на HDrive за вашата мрежа. Цялото приложение, показано във видеото, е в един HTML файл на моя локален компютър. Първо можете да тествате този уебсайт в локалния си браузър и да контролирате HDrive от вашия компютър.

Ако искате да използвате мобилния си телефон за управление на HDrive, трябва да публикувате този локален уебсайт във вашата WiFi мрежа. След това просто отворете този уебсайт, обслужван от вашия компютър, на мобилния си телефон. За да споделите такъв сайт във вашата мрежа, бихте могли да използвате WebMatrix Tool или IIS от Microsoft, просто имайте предвид, че трябва да направите някои мрежови и защитни стени, до които вашият мобилен телефон има достъп до страницата.

Възможно е също така да съхранявате уеб страницата директно на самия мотор, след което вече не е задължителен компютър.

Стъпка 2: Приложение за програмиране

Тяло на уеб страницата:

Използваме скрипта roundslider за показване на хубавия габарит, затова трябва да добавим елемента плъзгач в тялото на HTML документа.

Стъпка 3: Скрипт за уеб страница

Скрипт за уеб страница
Скрипт за уеб страница

Следният код изпраща новата целева позиция към HDrive. Той започва с включването на скрипта JQuery и RoundSlider. Rounslider задейства плъзгащо събитие, което извиква функцията „sendDataToHdrive“. След това тази функция изпраща нова команда за задвижване към двигателя.

моля, погледнете този ред:

var blob = нов Blob (['

Той изпраща препоръка на устройството към HDrive с целевата позиция, макс. скорост 2000 об / мин, макс. ток от 2А в режим 129 (контрол на позицията). можете да изтеглите целия проект тук: Slider_demo.rar

Стъпка 4: Съхранявайте уеб страницата директно в HDrive

Съхранявайте уеб страницата директно в HDrive
Съхранявайте уеб страницата директно в HDrive

За да хостваме уеб приложението на вашето устройство, трябва да качим файловете в двигателя. Двигателят може да качва 4 файла, 2 HTML и 2 Script (.js) файла. Всеки файл се преименува след качване. Първият HTML файл се преименува на app1.html, след това app2.html скриптовите файлове се преименуват на s1.js и s2.js. Затова трябва да променим връзките към файла в нашия HTML файл. JQuery … става „s2.js“. Освен това копирах roundslider css в HTML файла.

Първо влезте в уеб GUI от вашия HDrive и влезте в секцията „Приложения“

Стъпка 5: Достъп до приложението

Достъп до приложението
Достъп до приложението

След като качите тези файлове, можете да получите достъп до страницата на адрес https://192.168.1.102/app1.html от всяко устройство в същата мрежа, вашият компютър вече не е задължителен, файловете се хостват директно от HDrive.

Изтеглете всички файлове тук.

Препоръчано: