Tsuas yog Tswj Lub Cev Tsav Tsheb los ntawm Xov Tooj Ntawm Tes: 5 Kauj Ruam

2024 Tus sau: John Day | [email protected]. Kawg hloov kho: 2024-01-30 09:27

Qhov Yuav Tsum Ua Li Cas yog qhia yuav ua li cas thiaj tswj tau ntse IoT Servo "HDrive17" los ntawm koj lub xov tooj ntawm tes tsuas yog siv HTML thiab JavaScript. Lub Vev Xaib nrog rau Tsab Ntawv no tau khaws cia rau hauv Motor nws tus kheej thiab tuaj yeem txuas rau WebApp ntawm koj lub xov tooj ntawm tes.

Kauj Ruam 1: Teeb HDrive17 rau Koj Lub Zos Network

Txuas lub HDrive17 (koj tuaj yeem tau txais lawv los ntawm www.henschel-robotics.ch) rau koj lub network hauv zej zog los ntawm ntsaws Ethernet cable los ntawm Tsav Tsheb rau koj lub WiFi router. Saib xyuas tias koj tau teeb tsa tus IP-Chaw nyob siv tau ntawm HDrive rau koj lub network ua ntej. Tag nrho daim ntawv thov pom hauv video yog txhua yam hauv ib daim ntawv HTML ntawm kuv lub computer hauv zos. Ua ntej koj tuaj yeem sim lub vev xaib no hauv koj lub browser hauv zos thiab tswj hwm HDrive los ntawm koj lub PC.

Yog tias koj xav siv koj lub xov tooj ntawm tes los tswj hwm HDrive koj yuav tsum tshaj tawm lub vev xaib hauv zos no rau koj li WiFi network. Tom qab ntawd tsuas yog qhib Lub Vev Xaib no, ua haujlwm los ntawm koj lub PC, ntawm koj lub xov tooj ntawm tes. Txhawm rau qhia qhov chaw zoo li no hauv koj lub network koj tuaj yeem siv WebMatrix Tool lossis IIS los ntawm Microsoft, tsuas yog nco ntsoov ua qee qhov netsh thiab teeb tsa teeb tsa uas koj lub xov tooj ntawm tes tau nkag mus rau nplooj ntawv.

Nws tseem tuaj yeem khaws cov vev xaib ncaj qha rau lub cav nws tus kheej, tom qab ntawd tsis muaj PC yog qhov yuav tsum tau ua ntxiv lawm.

Kauj Ruam 2: Daim Ntawv Thov Kev Kawm

Lub cev ntawm lub vev xaib:

Peb tab tom siv tsab ntawv roundslider los tso saib qhov ntsuas zoo, yog li peb yuav tsum ntxiv cov ntsiab lus swb hauv lub cev ntawm daim ntawv HTML.

Kauj Ruam 3: Webpage Script

Cov cai hauv qab no yog xa txoj haujlwm tshiab rau HDrive. Nws pib nrog suav nrog JQuery thiab RoundSlider tsab ntawv. Tus rounslider tab tom ua kom muaj kev sib tw uas yog hu ua "sendDataToHdrive" muaj nuj nqi. Txoj haujlwm no xa cov lus txib tsav tshiab rau lub tshuab.

thov ua tib zoo saib kab ntawv no:

var blob = new Blob (['

Nws xa cov lus qhuas mus rau HDrive nrog txoj haujlwm txoj haujlwm, qhov siab tshaj plaws. ceev ntawm 2000 RPM, tha max. tam sim no ntawm 2A hauv hom 129 (tswj txoj haujlwm). koj tuaj yeem rub tawm tag nrho Txoj Haujlwm ntawm no: Slider_demo.rar

Kauj Ruam 4: Khaws Lub Vev Xaib ncaj qha rau hauv HDrive

Txhawm rau tuav lub vev xaib daim ntawv thov ntawm koj tsav peb yuav tsum xa cov ntaub ntawv mus rau lub cav. Lub cev muaj peev xwm rub tawm 4 cov ntawv, 2 HTML thiab 2 Script (.js) cov ntaub ntawv. Txhua cov ntaub ntawv tau hloov pauv tom qab rub tawm. Thawj cov ntawv HTML tau hloov pauv mus rau app1.html ces app2.html cov ntawv sau tau hloov mus rau s1.js thiab s2.js. Yog li peb yuav tsum hloov pauv cov ntawv txuas hauv peb cov ntawv HTML. JQuery … dhau los "s2.js". Tsis tas li ntawd kuv theej cov roundslider css rau hauv cov ntawv HTML.

Ua ntej nkag mus rau Web GUI los ntawm koj HDrive thiab nkag mus rau "Apps" ntu

Kauj ruam 5: Nkag mus rau App

Tom qab rub cov ntaub ntawv no koj tuaj yeem nkag mus rau nplooj ntawv ntawm qhov chaw nyob https://192.168.1.102/app1.html los ntawm ib qho khoom siv hauv tib lub network, koj lub PC tsis tas yuav ntxiv lawm, cov ntaub ntawv tau txais ncaj qha los ntawm HDrive.

Rub tawm txhua cov ntaub ntawv ntawm no.