Моторыг гар утсаараа хянана уу: 5 алхам

2024 Зохиолч: John Day | [email protected]. Хамгийн сүүлд өөрчлөгдсөн: 2024-01-30 11:03

Энэхүү аргачлал нь ухаалаг гар утасны "HDrive17" ухаалаг гар утсыг HTML болон JavaScript ашиглан хэрхэн удирдахыг харуулж байна. Энэхүү скриптийг багтаасан вэб хуудсыг мотор дээр хадгалдаг бөгөөд гар утсан дээрээ WebApp -д хавсаргаж болно.

Алхам 1: HDrive17 -ийг өөрийн дотоод сүлжээнд тохируулна уу

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

Хэрэв та гар утсаа ашиглан HDrive -ийг хянахыг хүсч байвал энэ вэбсайтыг өөрийн WiFi сүлжээнд нийтлэх ёстой. Дараа нь зүгээр л гар утсан дээрээ компьютерээсээ үйлчилдэг энэ вэбсайтыг нээнэ үү. Ийм сайтыг сүлжээндээ хуваалцахын тулд та Microsoft -ийн WebMatrix Tool эсвэл IIS -ийг ашиглаж болох бөгөөд гар утсандаа хуудас руу нэвтрэх боломжтой netsh болон галт ханын тохиргоог хийх хэрэгтэй гэдгийг санаарай.

Вэб хуудсыг мотор дээр шууд хадгалах боломжтой тул компьютер заавал байх шаардлагагүй болно.

Алхам 2: Програмын програм

Вэб хуудасны үндсэн хэсэг:

Бид дугуй хэмжигч скриптийг ашиглан сайхан хэмжигчийг харуулдаг тул гулсагчийн элементийг HTML баримт бичгийн биед нэмэх шаардлагатай болно.

Алхам 3: Вэб хуудасны скрипт

Дараах код нь шинэ зорилтот байршлыг HDrive руу илгээж байна. Энэ нь JQuery болон RoundSlider скриптийг оруулахаас эхэлдэг. Rounslider нь "sendDataToHdrive" функцийг дуудах чирэгдлийг өдөөж байна. Энэ функц нь мотор руу хөтөчийн шинэ тушаалыг илгээдэг.

энэ мөрийг харна уу:

var blob = шинэ Blob (['

Энэ нь HDrive -ийг зорилтот байрлал, хамгийн дээд тал нь үнэлэх хөтөчийг илгээдэг. 2000 эрг / мин хурд, хамгийн ихдээ. 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" болж хувирдаг. Цаашилбал би дугуй файлын CSS -ийг HTML файл руу хуулж авлаа.

Эхлээд HDrive -аас вэб GUI -ийг оруулаад "Програм" хэсэгт очно уу

Алхам 5: Апп руу нэвтрэх

Эдгээр файлыг байршуулсны дараа та нэг сүлжээнд байгаа ямар ч төхөөрөмжөөс https://192.168.1.102/app1.html хаягаар орж үзэх боломжтой бөгөөд таны компьютер заавал байх албагүй тул файлуудыг HDrive -ээс шууд байршуулдаг.

Бүх файлыг эндээс татаж авна уу.