Պարզապես շարժիչը կառավարեք բջջային հեռախոսով `5 քայլ

2024 Հեղինակ: John Day | [email protected]. Վերջին փոփոխված: 2024-01-30 09:48

Այս How-To- ը ցույց է տալիս, թե ինչպես կարելի է կառավարել խելացի IoT Servo «HDrive17»-ը ձեր բջջային հեռախոսով ՝ օգտագործելով HTML և JavaScript: Այս սցենարը ներառող վեբ էջը պահվում է ինքնուրույն շարժիչի վրա և կարող է կցվել ձեր բջջային հեռախոսի WebApp- ին:

Քայլ 1: Կարգավորեք HDrive17- ը ձեր տեղական ցանցին

Միացրեք HDrive17- ը (կարող եք դրանք ստանալ www.henschel-robotics.ch- ից) ձեր տեղական ցանցին `Ethernet մալուխը շարժիչից միացնելով ձեր WiFi երթուղիչին: Careգույշ եղեք, որ ձեր ցանցի համար նախ կազմաձևել եք վավեր IP- հասցե HDrive- ում: Տեսանյութում ցուցադրված ամբողջ ծրագիրը բոլորը մեկ տեղական ֆայլում են իմ տեղական համակարգչում: Նախ կարող եք ստուգել այս կայքը ձեր տեղական դիտարկիչում և վերահսկել HDrive- ը ձեր համակարգչից:

Եթե ցանկանում եք օգտագործել ձեր բջջային հեռախոսը HDrive- ը վերահսկելու համար, դուք պետք է հրապարակեք այս տեղական կայքը ձեր WiFi ցանցում: Այնուհետեւ պարզապես բացեք այս կայքը, որը սպասարկվում է ձեր համակարգչից, ձեր բջջային հեռախոսի վրա: Ձեր ցանցում նման կայք կիսելու համար կարող եք օգտագործել WebMatrix Tool- ը կամ Microsoft- ի IIS- ը, պարզապես հիշեք ՝ ձեր բջջային հեռախոսի էջին մուտք գործելու համար որոշ netsh և firewall կոնֆիգուրացիաներ կատարելու համար:

Հնարավոր է նաև վեբ էջը պահել ինքնուրույն շարժիչի վրա, այնուհետև համակարգիչ այլևս պարտադիր չէ:

Քայլ 2: mրագրի կիրառումը

Վեբ էջի մարմին ՝

Մենք օգտագործում ենք roundslider սցենարը `գեղեցիկ չափիչը ցուցադրելու համար, հետևաբար մենք պետք է սահող տարրը ավելացնենք HTML փաստաթղթի տեքստում:

Քայլ 3: Վեբ էջի սցենար

Հետևյալ ծածկագիրը ուղարկում է նոր նպատակային դիրքը HDrive- ին: Այն սկսվում է JQuery- ի և RoundSlider սցենարի ներառմամբ: Rounslider- ը գործարկում է հետ քաշելու իրադարձություն, որը կանչում է «sendDataToHdrive» գործառույթը: Այս գործառույթը այնուհետև շարժիչի նոր հրաման է ուղարկում շարժիչին:

խնդրում ենք դիտել այս տողը.

var blob = նոր բլբ (['

Այն Drive- ի գովասանք է ուղարկում HDrive- ին ՝ նպատակային դիրքով ՝ առավելագույնը: 2000 RPM արագություն, առավելագույնը ընթացիկ 2A ռեժիմում 129 ռեժիմում (դիրքի հսկողություն): Ամբողջ նախագիծը կարող եք ներբեռնել այստեղ ՝ Slider_demo.rar

Քայլ 4: Պահեք վեբ էջը ուղղակիորեն 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- ից և մուտք գործեք «sրագրեր» բաժինը

Քայլ 5: Հավելված մուտք գործելը

Այս ֆայլերը վերբեռնելուց հետո կարող եք մուտք գործել էջ ՝ https://192.168.1.102/app1.html հասցեով ՝ նույն ցանցի ցանկացած սարքից, ձեր համակարգիչն այլևս պարտադիր չէ, ֆայլերը տեղակայված են անմիջապես HDrive- ից:

Ներբեռնեք բոլոր ֆայլերը այստեղ: