Моторду жөн эле мобилдик телефон менен башкарыңыз: 5 кадам

2024 Автор: John Day | [email protected]. Акыркы өзгөртүү: 2024-01-30 10:40

Бул ыкма HTML жана JavaScript аркылуу уюлдук телефонуңуз менен акылдуу IoT Servo "HDrive17" кантип башкарууну көрсөтөт. Бул Сценарийди камтыган веб -баракча мотордо сакталат жана мобилдик телефонуңуздагы WebAppка тиркелиши мүмкүн.

1 -кадам: HDrive17ди жергиликтүү тармагыңызга орнотуңуз

Ethernet кабелин Мотордон WiFi роутериңизге туташтыруу менен HDrive17ди (аларды www.henschel-robotics.ch сайтынан ала аласыз) жергиликтүү тармагыңызга туташтырыңыз. Адегенде тармагыңыз үчүн HDriveде жарактуу IP-дарегин конфигурациялаганыңызга көңүл буруңуз. Видеодо көрсөтүлгөн колдонмонун баары менин жергиликтүү компьютеримде бир HTML файлында. Биринчиден, сиз бул веб -сайтты жергиликтүү браузериңизде сынап, HDriveди ПКден башкара аласыз.

Эгерде сиз HDriveди көзөмөлдөө үчүн уюлдук телефонуңузду колдонууну кааласаңыз, анда бул жергиликтүү веб -сайтты WiFi тармагыңызга жарыялооңуз керек. Анан жөн эле уюлдук телефонуңузда, компьютериңизден кызмат кылган бул веб -сайтты ачыңыз. Мындай сайтты өз тармагыңызда бөлүшүү үчүн сиз Microsoftтун WebMatrix Tool же IIS колдоно аласыз, жөн эле уюлдук телефонуңуздун баракчасына кире турган netsh жана firewall конфигурациясын жасоону унутпаңыз.

Веб -баракчаны түз эле мотордо сактоого болот, андан кийин эч кандай PC милдеттүү эмес.

2 -кадам: Программаны колдонуу

Веб -баракча:

Биз тегерек сценарийди жакшы өлчөгүчтү көрсөтүү үчүн колдонуп жатабыз, андыктан HTML документтин денесине слайдер элементин кошушубуз керек.

3 -кадам: Webpage Script

Төмөнкү код жаңы максаттуу абалды HDriveге жөнөтүүдө. Бул JQuery жана RoundSlider сценарийинин кириши менен башталат. Rounslider "sendDataToHdrive" функциясын чакырып жаткан окуяны жаратууда. Бул функция моторго жаңы айдоо буйругун жөнөтөт.

бул линияны карап көрүңүз:

var blob = new Blob (['

Бул HDriveге максималдуу максималдуу максималдуу дискти жөнөтөт. ылдамдыгы 2000 RPM, макс. 129 режиминдеги 2А агымы (позицияны башкаруу). Долбоорду бул жерден жүктөп алсаңыз болот: Slider_demo.rar

4 -кадам: Веб -баракчаны түз эле HDriveге сактаңыз

Веб тиркемени дискиңизде жайгаштыруу үчүн, биз файлдарды моторго жүктөшүбүз керек. Мотор 4 файлды, 2 HTML жана 2 Script (.js) файлдарын жүктөй алат. Ар бир файл жүктөлгөндөн кийин анын атын өзгөртүп жатат. Биринчи HTML файлы app1.html деп аталат, андан кийин app2.html скрипт файлдары s1.js жана s2.js. Ошондуктан биз HTML файлдагы файл шилтемелерин өзгөртүүбүз керек. JQuery… "s2.js" болуп калат. Мындан тышкары, мен HTML файлына roundslider CSS көчүрдүм.

Адегенде HDrive'ден Web GUIге кирип, "Колдонмолор" бөлүмүнө өтүңүз

5 -кадам: Колдонмого кирүү

Бул файлдарды жүктөгөндөн кийин, сиз ошол эле тармактагы каалаган түзмөктөн https://192.168.1.102/app1.html дарегиндеги баракчага кире аласыз, сиздин PC мындан ары милдеттүү эмес, файлдар түз эле HDriveден жайгаштырылган.

Бардык файлдарды бул жерден жүктөп алыңыз.