Beheer uw elektronische wereld via internet: 16 stappen

2024 Auteur: John Day | [email protected]. Laatst gewijzigd: 2024-01-30 11:16

Door deze instructable te volgen, kun je overal ter wereld een LED AAN en UIT zetten. Lees alle instructies aandachtig door en volg de stappen één voor één. Na het bestuderen van deze instructable, kun je deze kennis gebruiken op verschillende toepassingen zoals domoticasystemen, IOT-projecten met je innovatieve vaardigheden.

Stap 1: Materialen

1. Een computer

2. Een router met een actieve internetverbinding die is aangesloten op uw computer.

3. Een arduino (ik gebruik een arduino UNO.)

4. Een smartphone of een andere pc met mobiele data of een ander internetnetwerk

Stap 2: Controleer uw IP

Allereerst is het belangrijk om erachter te komen of je een openbaar ip hebt of niet. Omdat als je geen openbaar ip hebt, je geen toegang hebt tot je computer van buitenaf. Dat betekent dat als je een openbaar ip hebt, je een adres hebt van world internet. U kunt dit controleren door contact op te nemen met uw internetprovider. Ik had ook geen openbaar ip, maar nadat ik contact had opgenomen met mijn ISP, gaven ze me gratis een openbaar ip. Vind hier meer over ip-adressen.

U kunt uw huidige ip-adres van uw apparaat achterhalen door simpelweg "Wat is mijn ip" op google te typen.

Stap 3: Converteer uw pc naar een server met XAMPP

U moet uw pc naar een server converteren om er toegang toe te krijgen vanaf internet. "Apache" is de software die wordt gebruikt om een pc naar een server te converteren. Maar er zijn veel dingen om te configureren als u alleen de "Apache" gebruikt. Er zijn dus applicaties van derden om dit werk moeiteloos te doen. "XAMPP" is er een van. Je kunt het hier downloaden en installeren. Er zijn Windows-, Linux- en Mac-versies beschikbaar.

Stap 4: Open de XAMPP

Ga naar het station waar je XAMPP hebt geïnstalleerd. Zoek de map met de naam "xampp" en daarin vind je een applicatie genaamd "xampp-control". Open het. Na het openen ziet het eruit als de afbeelding hierboven.

Stap 5: Controleer XAMPP

Nadat u XAMPP hebt geopend, klikt u op de startknop in de rij met de naam "Apache". Open vervolgens de browser en typ "localhost" in de adresbalk. Als u XAMPP met succes hebt geïnstalleerd, wordt u doorverwezen naar de standaardwebpagina van xampp die wordt weergegeven in het tweede beeld.

Stap 6: Programmeer de Arduino

Upload dit programma naar arduino om aan, uit de ingebouwde LED via seriële poort door "H" en "L" karakters. "H" naar op de LED en een "L" naar uit de LED te sturen.

Stap 7: De webpagina bouwen

Om dit werk te doen gebruiken we HTML, AJAX en PHP. Ik zal het gebruik van deze drie talen kort uitleggen. U kunt meer informatie vinden via onderstaande links. In principe wordt HTML gebruikt om webpagina's te maken. Het bevat de dingen die zullen verschijnen op de webpagina's nadat deze in de browser is geladen. AJAX wordt gebruikt om PHP-verzoeken te verzenden zonder de webpagina opnieuw te laden. PHP wordt gebruikt om het comport van de server te regelen om de LED te bedienen.

1. Vind hier meer over HTML.

2. Vind hier meer over AJAX.

3. Vind hier meer over PHP.

Maak eerst een map aan met een willekeurige naam in de map met de naam "htdocs" waar in de map "xampp" die we eerder in stap 4 vonden.

1. Schrijf de code in de eerste afbeelding in een kladblokbestand en sla het op als "index.html" in de map die we hebben gemaakt.

2. Schrijf de code in de tweede afbeelding in een kladblokbestand en sla het op als "ledoff.php" in de map die we hebben gemaakt.

3. Schrijf de code in de derde afbeelding in een kladblokbestand en sla het op als "ledon.php" in de map die we hebben gemaakt.

Stap 8: De comport wijzigen

Je moet de comport van je arduino wijzigen in de PHP-scripts. Als dat niet het geval is, wordt de webpagina geladen, maar de LED zou niet werken. Zoek het comport-nummer van je arduino in Arduino IDE of in de apparaatbeheerder in je besturingssysteem. Verander het dan in de bestanden "ledoff.php" en "ledon.php" zoals vermeld in de bovenstaande afbeeldingen. Volgens mijn pc is het com7.

Stap 9: Maak uw webpagina zichtbaar

Zoals u in stap 5 heeft gecontroleerd, zult u na het inloggen op uw server met "localhost" zien dat deze doorverwijst naar de standaard webpagina van XAMPP. Dus hoe kunnen we inloggen op onze webpagina? Typ de naam van uw map waar u HTML- en PHP-bestanden hebt opgeslagen in de adresbalk van de browser zoals deze.

localhost/"uw mapnaam"

Volgens mij is mijn mapnaam "serialportcontrol". De methode om het in de adresbalk van de browser te typen wordt vermeld in de eerste afbeelding.

Nadat u op enter hebt gedrukt, ziet u de bovenstaande webpagina zoals vermeld in de tweede afbeelding.

Door op de knoppen "LED AAN" en "LED UIT" te klikken, kunt u de ingebouwde LED van de arduino AAN en UIT zetten met behulp van een webpagina. U kunt de LED ook bedienen door een andere pc of smartphone op dezelfde router aan te sluiten en te loggen hetzelfde webadres dat we eerst gebruikten onder het lokale netwerk.

Stap 10: Het poortnummer van onze XAMPP-server wijzigen

OK, nu weten we dat ons systeem prima werkt in ons lokale netwerk. Dit is dus het meest interessante deel van ons werk. Allereerst moeten we het poortnummer van onze XAMPP-server wijzigen. Omdat de standaardpoort van de XAMPP-server 80 is.

(De poort betekent, het is net een nummer van een huis in een rijstrook zoals vermeld in het thuisadres. De rijstrook is het openbare ip van uw pc. Het nummer van het huis is het poortnummer. Uw pc heeft een één ip-adres en er worden verschillende poorten op uw pc gebruikt om met elke taak te communiceren, bijvoorbeeld als u de XAMPP-server twee keer gebruikt om twee taken op dezelfde computer uit te voeren, moet u twee poortnummers gebruiken voor elke XAMPP-server.)

80 is het standaardpoortnummer voor HTTP. Wanneer u de "localhost" in de adresbalk van de browser typt, voegt de browser dat poortnummer automatisch toe aan het einde van het webadres, hoewel u het niet kunt zien. Het klinkt niet belangrijk. Dus waarom moet het poortnummer worden gewijzigd?

Omdat alle routers hun standaardpoortnummer 80 gebruiken. Wanneer u vanaf internet verbinding maakt met uw server en u het poortnummer niet wijzigt, wordt u rechtstreeks verbonden met de standaardwebpagina van de router zonder verbinding te maken met uw server. u begeleiden om het poortnummer van uw XAMPP-server te wijzigen. Ik gebruik 1997 als mijn poortnummer. Zorg ervoor dat u de APACHE-server in XAMPP stopt voordat u het poortnummer wijzigt. Nadat u het poortnummer hebt gewijzigd, start u de APACHE-server.

Stap 11: Het gewijzigde poortnummer controleren

Typ uw nieuwe localhost-webadres om te controleren of uw poort werkt of niet. Volgens mij is het

localhost:1997/"uw mapnaam"

Als u met succes inlogt op onze webpagina, betekent dit dat uw poortwijzigings-ID's succesvol zijn. Probeer anders een ander poortnummer.

Stap 12: De router configureren

Nu is het tijd om met je router te spelen. Port forwarding is de methode die wordt gebruikt om de specifieke poorten naar het volgende netwerkniveau te openen, wat betekent dat iemand vanaf internet verbinding met uw server kan maken. Meer informatie over port forwarding vindt u hier en hier. De configuraties van uw router worden in onderstaande stappen weergegeven.

Ik gebruik een HUAWEI E5172 4G-router. Dus deze configuraties worden doorverwezen naar mijn router. Verschillende fabrikanten bieden verschillende gebruikersinterfaces voor routers. Maar de functies zijn hetzelfde in elke soort router. U kunt hier vinden hoe u een router kunt doorsturen onder veel verschillende merken en modellen.

Wees niet ontmoedigd als u de functies die in de onderstaande stappen worden genoemd niet kunt vinden. Met het lezen van beschrijvingen en het volgen van enkele videogidsen van verschillende routermerken kunt u uw router met succes configureren.

Stap 13: DHCP-instellingen configureren

Wanneer u verbinding maakt met een router via WiFi of Ethernet, geeft de router u automatisch een specifiek IP-adres. Maar als het steeds weer meer apparaten met dezelfde router verbindt, kan dat IP-adres worden gewijzigd. Het duurt slechts totdat u uw server opnieuw opstart. U moet dus een specifiek ip-adres van de router naar uw server reserveren. Laten we beginnen met uitzoeken wat uw lokale ip-adres is.

1. Open CMD, typ "ipconfig" en druk op enter….

2. Zoals vermeld in de tweede afbeelding vindt u het lokale ipv4-adres van uw server en de standaardgateway….

3. Zoals vermeld in de derde afbeelding, logt u in op uw router met het wachtwoord en de gebruikersnaam. De standaardgateway is het ip van uw router (volgens mij is het 192.168.1.1 zoals vermeld in de derde afbeelding) …..

4. Zoek "DHCP-instellingen" in uw router. Het is onder LAN in mijn router zoals vermeld in de vierde afbeelding.

5. Ga naar "Gebundelde adreslijst" > "lijst bewerken" > "Toevoegen" volgens mijn router.

6. Vervolgens kunt u onder een vervolgkeuzemenu alle ip-adressen zien van apparaten die automatisch op uw router zijn aangesloten. Ik heb zowel mijn pc als telefoon op de router aangesloten, dus hier zie je twee ip-adressen zoals vermeld in de achtste (8e) afbeelding.

7. Selecteer het IP-adres van uw server, "verstuur" en "pas toe" de instellingen.

8. Daarna duurt het enkele minuten om de router opnieuw op te starten (volgens mijn exemplaar).

Daarna zal uw server een specifiek zelfde ip ontvangen wanneer u uw pc herstart.

Hier vindt u een videogids voor een TP-LINK-router.

Stap 14: Instellingen voor "poort doorsturen" configureren

Nu is het tijd om de poort van de server te openen voor het openbare internet.

1. Ga naar "beveiliging" > "firewallniveau" zoals vermeld in de eerste afbeelding.

2. Zet vervolgens het firewallniveau op "Laag" met behulp van het vervolgkeuzemenu zoals vermeld in de tweede afbeelding.

3. Klik vervolgens op "verzenden" om de instellingen op te slaan zoals vermeld in de derde afbeelding.

4. Ga dan naar "port forwarding" > "Item toevoegen" zoals vermeld in de vierde afbeelding.

5. Voeg gegevens toe zoals we eerder hebben geconfigureerd en zoals vermeld in de vijfde afbeelding.

Type: Aangepast

protocol: TCP

Externe host: ………………

Externe poortbereik: 1997

Lokale host: 192.168.1.3

Lokale poort: 1997

6. Klik vervolgens op "verzenden" om de instellingen op te slaan.

Hier en hier vindt u videogidsen voor een TP-LINK- en een D-LINK-router.

Stap 15: Testen

Nu is het tijd om ons systeem te controleren. U moet een apparaat gebruiken met een netwerk buiten de routerverbinding. Hier gebruik ik mobiele data van mijn smartphone. Allereerst moet u uw openbare ip-adres van uw pc achterhalen.

1. Typ gewoon op google "wat is mijn ip" zoals vermeld in de eerste afbeelding.

2. Noteer vervolgens het ip-adres.

Dan is het tijd om het op een ander mobiel apparaat te controleren.

1. Zet de mobiele data "aan" in je smartphone.

2. Open vervolgens de browser. Ik gebruik google chrome.

3. Typ het openbare ip van uw pc in uw mobiele browser zoals vermeld in de derde afbeelding zoals deze.

"public ip":"poortnummer"/"mapnaam"

Volgens mij > openbare ip: 111.223.xx.xx

poortnummer: 1997

"mapnaam": mijnprogramma's/seriële poortcontrole/geslaagd project (ajax)

Druk vervolgens op enter op uw smartphone. Vervolgens kunt u de ingebouwde LED van Arduino overal ter wereld bedienen door op de knoppen "LED AAN" en "LED UIT" te klikken.

Stap 16: innovatief denken, meer moeite, meer creaties

Dus ik denk dat ik je een goede instructable heb kunnen geven. Nu kun je in principe een arduino op afstand bedienen via internet. Met uw innovatieve denkwijze en vermogen om van internet te leren, kunt u robots, domoticasystemen maken die overal ter wereld internet kunnen bedienen. Als je deze technologie voor goede daden gebruikt, kun je deze wereld veel beter maken voor ons allemaal. Bedankt!…

Voor elk soort probleem dat hiermee verband houdt, stuur me een e-mail of stuur een massage op het instructable forum.

mijn mail: [email protected]