INHOUDSOPGAWE:

Beheer eenvoudig die motor per selfoon: 5 stappe
Beheer eenvoudig die motor per selfoon: 5 stappe

Video: Beheer eenvoudig die motor per selfoon: 5 stappe

Video: Beheer eenvoudig die motor per selfoon: 5 stappe
Video: Wasmachinemotoraansluitingen voor uw eenvoudige projecten 2024, November
Anonim
Image
Image

Hierdie instruksies wys hoe u 'n slim IoT Servo "HDrive17" met u selfoon kan beheer, net met HTML en JavaScript. Die webblad, insluitend hierdie skrif, word self op die motor gestoor en kan op u selfoon aan 'n WebApp gekoppel word.

Stap 1: Stel HDrive17 in op u plaaslike netwerk

Program aansoek
Program aansoek

Koppel die HDrive17 (u kan dit van www.henschel-robotics.ch kry) aan u plaaslike netwerk deur die Ethernet-kabel van die motor aan u WiFi-router te koppel. Let daarop dat u eers 'n geldige IP-adres op die HDrive vir u netwerk opgestel het. Die hele toepassing wat in die video verskyn, is in een HTML -lêer op my plaaslike rekenaar. Eerstens kan u hierdie webwerf in u plaaslike blaaier toets en die HDrive vanaf u rekenaar beheer.

As u u selfoon wil gebruik om die HDrive te beheer, moet u hierdie plaaslike webwerf op u WiFi -netwerk publiseer. Open dan net hierdie webwerf, bedien vanaf u rekenaar, op u selfoon. Om so 'n webwerf in u netwerk te deel, kan u WebMatrix Tool of IIS van Microsoft gebruik. Hou net in gedagte dat u 'n netwerk- en firewall -opstelling kan maak waarmee u selfoon toegang tot die bladsy het.

Dit is ook moontlik om die webblad self op die motor te stoor, dan is geen rekenaar meer verpligtend nie.

Stap 2: Programmeer aansoek

Webbladliggaam:

Ons gebruik die ronde skuifbalk om die mooi meter te vertoon, daarom moet ons die skuifelement in die liggaam van die HTML -dokument voeg.

Stap 3: Webbladskrif

Webbladskrif
Webbladskrif

Die volgende kode stuur die nuwe teikenposisie na die HDrive. Dit begin met die opname van die JQuery- en RoundSlider -skrif. Die rounslider veroorsaak 'n sleep -gebeurtenis wat die funksie 'sendDataToHdrive' noem. Hierdie funksie stuur dan 'n nuwe dryfopdrag na die motor.

Kyk gerus na hierdie reël:

var blob = nuwe Blob (['

Dit stuur 'n aandrywing aan die HDrive met die teikenposisie, die maksimum. spoed van 2000 RPM, max. stroom van 2A in die modus 129 (posisie beheer). u kan die hele projek hier aflaai: Slider_demo.rar

Stap 4: Stoor die webblad direk in die HDrive

Stoor die webblad direk in die HDrive
Stoor die webblad direk in die HDrive

Om die webtoepassing op u skyf aan te bied, moet ons die lêers na die motor laai. Die motor kan 4 lêers, 2 HTML- en 2 Script (.js) lêers oplaai. Elke lêer word hernoem nadat dit opgelaai is. Die eerste HTML -lêer word hernoem na app1.html, dan word app2.html die scriptlêers hernoem na s1.js en s2.js. Daarom moet ons die lêerskakels in ons HTML -lêer verander. Die JQuery … word “s2.js”. Verder het ek die roundslider css in die HTML -lêer gekopieer.

Voer eers die Web -GUI van u HDrive in en gaan na die afdeling 'Programme'

Stap 5: Toegang tot die app

Toegang tot die app
Toegang tot die app

Nadat u hierdie lêers opgelaai het, het u vanaf enige toestel in dieselfde netwerk toegang tot die bladsy op die adres https://192.168.1.102/app1.html; u rekenaar is nie meer verpligtend nie; die lêers word direk vanaf die HDrive gehuisves.

Laai alle lêers hier af.

Aanbeveel: