Inhoudsopgave:
2025 Auteur: John Day | [email protected]. Laatst gewijzigd: 2025-01-23 15:01
Deze How-To laat zien hoe u een slimme IoT Servo "HDrive17" kunt bedienen met uw mobiele telefoon met alleen HTML en JavaScript. De webpagina inclusief dit script wordt op de motor zelf opgeslagen en kan worden gekoppeld aan een webapp op uw mobiele telefoon.
Stap 1: Stel HDrive17 in op uw lokale netwerk
Verbind de HDrive17 (u kunt ze krijgen van www.henschel-robotics.ch) met uw lokale netwerk door de Ethernet-kabel van de motor aan te sluiten op uw WiFi-router. Zorg ervoor dat u eerst een geldig IP-adres op de HDrive voor uw netwerk heeft geconfigureerd. De hele applicatie die in de video wordt getoond, staat allemaal in één HTML-bestand op mijn lokale computer. Eerst kunt u deze website testen in uw lokale browser en de HDrive vanaf uw pc bedienen.
Als u uw mobiele telefoon wilt gebruiken om de HDrive te bedienen, moet u deze lokale website publiceren op uw WiFi-netwerk. Open dan deze Website, bediend vanaf uw pc, op uw mobiele telefoon. Om zo'n site in uw netwerk te delen, kunt u WebMatrix Tool of IIS van Microsoft gebruiken, houd er rekening mee dat u een netsh- en firewallconfiguratie moet maken dat uw mobiele telefoon toegang heeft tot de pagina.
Het is ook mogelijk om de webpagina direct op de motor zelf op te slaan, dan is er geen PC meer nodig.
Stap 2: Programmatoepassing
Hoofdtekst webpagina:
We gebruiken het roundslider-script om de mooie meter weer te geven, daarom moeten we het slider-element in de hoofdtekst van het HTML-document toevoegen.
Stap 3: Webpaginascript
De volgende code stuurt de nieuwe doelpositie naar de HDrive. Het begint met het opnemen van het JQuery- en het RoundSlider-script. De rounslider activeert een sleepgebeurtenis die de functie "sendDataToHdrive" aanroept. Deze functie stuurt dan een nieuw rijcommando naar de motor.
kijk eens naar deze regel:
var blob = nieuwe Blob(['
Het stuurt een drive-aanbeveling naar de HDrive met de doelpositie, de max. snelheid van 2000 RPM, tha max. stroom van 2A in de modus 129 (positiecontrole). je kunt het hele project hier downloaden: Slider_demo.rar
Stap 4: Sla de webpagina rechtstreeks op in de HDrive
Om de webtoepassing op uw schijf te hosten, moeten we de bestanden uploaden naar de motor. De motor is in staat om 4 bestanden, 2 HTML en 2 Script (.js) bestanden te uploaden. Elk bestand wordt hernoemd na het uploaden. Het eerste HTML-bestand wordt hernoemd naar app1.html, daarna app2.html en de scriptbestanden worden hernoemd naar s1.js en s2.js. Daarom moeten we de bestandskoppelingen in ons HTML-bestand wijzigen. De JQuery… wordt "s2.js". Verder heb ik de roundslider css gekopieerd naar het HTML-bestand.
Voer eerst de web-GUI in vanaf uw HDrive en ga naar het gedeelte "Apps"
Stap 5: Toegang tot de app
Na het uploaden van deze bestanden heeft u toegang tot de pagina op het adres https://192.168.1.102/app1.html vanaf elk apparaat in hetzelfde netwerk, uw pc is niet meer verplicht, de bestanden worden rechtstreeks vanaf de HDrive gehost.
Download hier alle bestanden.
Aanbevolen:
Bedien uw modeltreinlay-out met uw mobiele telefoon! 11 stappen (met afbeeldingen) Antwoorden op al uw "Hoe?"
Bedien uw modeltreinlay-out met uw mobiele telefoon!: Het besturen van een modeltreinlay-out met een bedrade gashendel en wisselcontrollers is misschien een goed begin voor beginners, maar ze vormen een probleem van niet-draagbaarheid. Ook kunnen de draadloze controllers die op de markt komen slechts enkele locomotieven aansturen
IoTyper - Bedien uw pc via Alexa (IoT): 5 stappen (met afbeeldingen)
IoTyper - Bedien je pc via Alexa (IoT): Heb je er nooit aan gedacht om je pc te besturen met IoT? Onze wereld wordt met de dag slimmer en vandaag maken we van onze pc een nog slimmere pc dan hij al is. Laten we beginnen! IoTyper is gebaseerd op twee basis MicroControllers: De ATMega 32U4 die
Een mobiele/mobiele telefoon van stroom voorzien met externe batterij of netstroom: 3 stappen
Voorzie een mobiele/mobiele telefoon van stroom met externe batterij of netvoeding: Inleiding. Dit idee werkt alleen met telefoons of tablets als de batterij verwijderbaar is. Het observeren van polariteit is natuurlijk belangrijk. Pas op dat u uw apparaat niet door onvoorzichtigheid beschadigt. Als u niet zeker weet of u dit kunt, kunt u de
Bedien ESP8266 via internet (van overal): 5 stappen (met afbeeldingen)
Bedien ESP8266 via internet (van overal): Er zijn maar een paar dingen beter dan het (met succes) programmeren en gebruiken van je Arduino. Zeker een van die dingen is het gebruik van je ESP8266 als een Arduino met WiFi!In deze instructable laat ik je een EENVOUDIGE manier zien om de ESP8266 als een web-se
Bedien een ventilator via wifi. Gemakkelijk voor het leven: 15 stappen
Bedien een ventilator via wifi. Gemakkelijk voor het leven: vandaag alleen met een telefoon en een apparaat verbonden met internet. U kunt overal ter wereld eenvoudig alle apparaten bedienen. Vandaag zal ik een ventilator bedienen met een smartphone die is verbonden met internet