Inhoudsopgave:
- Stap 1: Stel HDrive17 in op uw lokale netwerk
- Stap 2: Programmatoepassing
- Stap 3: Webpaginascript
- Stap 4: Sla de webpagina rechtstreeks op in de HDrive
- Stap 5: Toegang tot de app
Video: Bedien de motor eenvoudig via de mobiele telefoon - Ajarnpa
2024 Auteur: John Day | [email protected]. Laatst gewijzigd: 2024-01-30 11:17
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
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
Hoe u uw mobiele telefoon in een creditcard/betaalkaart kunt veranderen: 5 stappen
Hoe u uw mobiele telefoon in een creditcard/betaalpas kunt veranderen: Gemakkelijk te doen mod voor een extra creditcard/betaalpas met RFID-chip (d.w.z. Paypass). Met deze methode kunt u de RFID-chip in uw extra Paypass-compatibele kaart lokaliseren en eruit halen en in uw mobiele telefoon plaatsen. Hiermee presenteer je je
Maak een op afstand bestuurbare camera vanaf een mobiele telefoon! 5 stappen (met afbeeldingen) Antwoorden op al uw "Hoe?"
Maak een op afstand bestuurbare camera vanaf een mobiele telefoon! Wilt u weten wat uw kat doet terwijl ze aan het werk is? Stuur een sms naar je nieuw gemaakte bewakingsmobiel en ontvang foto's en video's seconden later. Klinkt als een droom? Niet meer! In deze video wordt uitgelegd hoe het werkt:
Ondoorgrondelijke mobiele telefoon: Netflix downloaden: 18 stappen
Ondoorgrondelijke mobiele telefoon: Netflix downloaden: Netflix gebruiken op een iPhone 6s