Vienkārši kontrolējiet motoru, izmantojot mobilo tālruni: 5 soļi

2024 Autors: John Day | [email protected]. Pēdējoreiz modificēts: 2024-01-30 10:55

Šajā pamācībā ir parādīts, kā ar savu mobilo tālruni vadīt viedo IoT servo "HDrive17", izmantojot tikai HTML un JavaScript. Tīmekļa lapa, ieskaitot šo skriptu, tiek saglabāta pašā motorā, un to var pievienot WebApp jūsu mobilajā tālrunī.

1. darbība: iestatiet HDrive17 vietējā tīklā

Pievienojiet HDrive17 (tos varat iegūt vietnē www.henschel-robotics.ch) vietējam tīklam, pievienojot Ethernet kabeli no motora WiFi maršrutētājam. Pārliecinieties, ka vispirms savam tīklam esat konfigurējis derīgu IP adresi HDrive. Visa videoklipā redzamā lietojumprogramma ir vienā HTML failā manā lokālajā datorā. Vispirms varat pārbaudīt šo vietni savā vietējā pārlūkprogrammā un kontrolēt HDrive no sava datora.

Ja vēlaties izmantot savu mobilo tālruni, lai kontrolētu HDrive, šī vietējā vietne ir jāpublicē savā WiFi tīklā. Pēc tam vienkārši atveriet šo vietni, kas tiek pasniegta no datora, savā mobilajā tālrunī. Lai kopīgotu šādu vietni savā tīklā, varat izmantot Microsoft WebMatrix Tool vai IIS, vienkārši paturiet prātā, lai konfigurētu netsh un ugunsmūra konfigurāciju, kas mobilajam tālrunim ir pieejama lapai.

Ir iespējams arī saglabāt tīmekļa lapu tieši uz paša motora, tad neviens dators vairs nav obligāts.

2. darbība. Programmas lietojumprogramma

Tīmekļa lapas pamatteksts:

Mēs izmantojam apaļo slīdni, lai parādītu jauko gabarītu, tāpēc mums ir jāpievieno slīdņa elements HTML dokumenta pamattekstā.

3. darbība: tīmekļa lapas skripts

Šis kods nosūta jauno mērķa pozīciju uz HDrive. Tas sākas ar JQuery un RoundSlider skripta iekļaušanu. Runslider aktivizē vilkšanas notikumu, kas izsauc funkciju “sendDataToHdrive”. Pēc tam šī funkcija motoram nosūta jaunu piedziņas komandu.

lūdzu, apskatiet šo rindiņu:

var blob = jauns Blob (['

Tas nosūta HDrive diskdziņa atzinību ar mērķa pozīciju, maks. ātrums 2000 apgr./min, maks. 2A strāva režīmā 129 (pozīcijas kontrole). visu projektu varat lejupielādēt šeit: Slider_demo.rar

4. darbība. Saglabājiet tīmekļa vietni tieši HDrive

Lai jūsu diskā mitinātu tīmekļa lietojumprogrammu, mums ir jāaugšupielādē faili motorā. Motors spēj augšupielādēt 4 failus, 2 HTML un 2 skriptu (.js) failus. Pēc augšupielādes katrs fails tiek pārdēvēts. Pirmais HTML fails tiek pārdēvēts par app1.html, pēc tam app2.html skripta faili tiek pārdēvēti par s1.js un s2.js. Tāpēc mums ir jāmaina faila saites mūsu HTML failā. JQuery… kļūst par “s2.js”. Turklāt es nokopēju apaļo slīdni css HTML failā.

Vispirms ievadiet Web GUI no sava HDrive un piekļūstiet sadaļai “Lietotnes”

5. darbība. Piekļuve lietotnei

Pēc šo failu augšupielādes jūs varat piekļūt lapas adresei https://192.168.1.102/app1.html no jebkuras ierīces tajā pašā tīklā, jūsu dators vairs nav obligāts, faili tiek mitināti tieši no HDrive.

Lejupielādējiet visus failus šeit.