Simplement controleu el motor per telèfon mòbil: 5 passos

2024 Autora: John Day | [email protected]. Última modificació: 2024-01-30 08:14

Aquest procediment mostra com controlar un servidor IoT intel·ligent "HDrive17" mitjançant el vostre telèfon mòbil només mitjançant HTML i JavaScript. La pàgina web que inclou aquest script s’emmagatzema a Motor it self i es pot connectar a una aplicació web al vostre telèfon mòbil.

Pas 1: configureu HDrive17 a la vostra xarxa local

Connecteu el HDrive17 (podeu obtenir-lo a www.henschel-robotics.ch) a la vostra xarxa local connectant el cable Ethernet del motor al vostre encaminador WiFi. Procureu que hagueu configurat primer una adreça IP vàlida a HDrive per a la vostra xarxa. Tota l'aplicació que es mostra al vídeo es troba en un sol fitxer HTML del meu equip local. Primer podeu provar aquest lloc web al navegador local i controlar l’HDrive des del vostre PC.

Si voleu utilitzar el vostre telèfon mòbil per controlar l'HDrive, heu de publicar aquest lloc web local a la vostra xarxa WiFi. A continuació, només cal que obriu aquest lloc web, des del vostre PC, al vostre telèfon mòbil. Per compartir aquest lloc a la vostra xarxa, podeu utilitzar WebMatrix Tool o IIS de Microsoft, només cal tenir en compte la configuració de tallafoc i de xarxa que el vostre telèfon mòbil tingui accés a la pàgina.

També és possible emmagatzemar la pàgina web directament al motor, de manera que ja no és obligatori cap PC.

Pas 2: Aplicació del programa

Cos de la pàgina web:

Estem utilitzant l’escriptori roundslider per mostrar el bon indicador, per tant hem d’afegir l’element lliscant al cos del document HTML.

Pas 3: Script de pàgina web

El següent codi envia la nova posició objectiu a HDrive. Comença amb la inclusió de l’escriptura JQuery i RoundSlider. El rounslider està activant un esdeveniment d'arrossegament que està cridant la funció "sendDataToHdrive". Aquesta funció envia llavors una nova ordre de transmissió al motor.

fes un cop d'ull a aquesta línia:

var blob = Blob nou (['

Envia un encàrrec de la unitat a HDrive amb la posició objectiu, la màx. velocitat de 2000 RPM, la màx. corrent de 2A en el mode 129 (control de posició). podeu descarregar tot el projecte aquí: Slider_demo.rar

Pas 4: emmagatzemeu la pàgina web directament a HDrive

Per allotjar l’aplicació web a la vostra unitat hem de penjar els fitxers al motor. El motor pot carregar 4 fitxers, 2 HTML i 2 fitxers Script (.js). Cada fitxer canvia el nom després de penjar-lo. El primer fitxer HTML es canvia a app1.html i, a continuació, app2.html, els fitxers de script passen a anomenar-se s1.js i s2.js. Per tant, hem de canviar els enllaços del fitxer HTML. La JQuery … es converteix en "s2.js". A més, he copiat el css roundslider al fitxer HTML.

Primer introduïu la GUI web des del vostre HDrive i accediu a la secció "Aplicacions"

Pas 5: accedir a l'aplicació

Després de penjar aquests fitxers, podeu accedir a la pàgina de l'adreça https://192.168.1.102/app1.html des de qualsevol dispositiu de la mateixa xarxa, el vostre PC ja no és obligatori, els fitxers s'allotgen directament des del HDrive.

Descarregueu tots els fitxers aquí.