Мазмұны:

Моторды ұялы телефонмен басқару: 5 қадам
Моторды ұялы телефонмен басқару: 5 қадам

Бейне: Моторды ұялы телефонмен басқару: 5 қадам

Бейне: Моторды ұялы телефонмен басқару: 5 қадам
Бейне: Телефон кодын ашу😱😙 2024, Қараша
Anonim
Image
Image

Бұл нұсқаулық ұялы телефонмен 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 және брандмауэр конфигурациясын жасауды ұмытпаңыз.

Сондай -ақ, веб -бетті тікелей қозғалтқышта сақтауға болады, содан кейін компьютер міндетті емес.

2 -қадам: Бағдарламаны қолдану

Веб -беттің негізгі бөлігі:

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

3 -қадам: веб -сайт сценарийі

Веб -бет сценарийі
Веб -бет сценарийі

Келесі код HDrive -ге жаңа мақсатты орынды жібереді. Ол JQuery мен RoundSlider сценарийін қосудан басталады. Қайта жүгіру «sendDataToHdrive» функциясын шақыратын апару оқиғасын тудырады. Содан кейін бұл функция қозғалтқышқа жаңа жетек пәрменін жібереді.

өтінемін мына жолды қараңыз:

var blob = жаңа блок (['

Ол HDrive -ге максималды мақсатты позициясы бар дискіні жібереді. жылдамдығы 2000 айн / мин, максимум. 129 режиміндегі 2А тогы (позицияны басқару). Сіз бүкіл жобаны мына жерден жүктей аласыз: 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» болады. Сонымен қатар, мен CSS -тің айналма жолын HTML файлына көшірдім.

Алдымен HDrive -ден Web GUI -ге кіріп, «Қолданбалар» бөліміне кіріңіз

5 -қадам: Қолданбаға кіру

Қолданбаға қол жеткізу
Қолданбаға қол жеткізу

Бұл файлдарды жүктегеннен кейін сіз сол желідегі кез келген құрылғыдан https://192.168.1.102/app1.html мекенжайындағы бетке кіре аласыз, енді сіздің компьютеріңіз міндетті емес, файлдар тікелей HDrive -ден орналастырылады.

Барлық файлдарды мына жерден жүктеңіз.

Ұсынылған: