Controleu el vostre món electrònic a través d'Internet: 16 passos

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

Seguint aquesta instrucció, podreu encendre i apagar un LED des de qualsevol part del món. Llegiu atentament totes les instruccions i seguiu els passos un per un. Després d’estudiar aquest instructiu, podreu utilitzar aquest coneixement en diverses aplicacions, com ara sistemes domòtics, projectes IOT amb les vostres habilitats innovadores.

Pas 1: materials

1. Un ordinador

2. Un enrutador amb una connexió a Internet activa que està connectat a l'ordinador.

3. Un arduino (estic fent servir un arduino UNO).

4. Un telèfon intel·ligent o un altre PC amb dades mòbils o una altra xarxa d’Internet

Pas 2: comproveu la vostra IP

En primer lloc, és important esbrinar que teniu una IP pública o no, perquè si no teniu una IP pública, no podeu accedir al vostre ordinador des de fora. Això vol dir que si teniu una IP pública, teniu una adreça d’internet mundial. Podeu comprovar-ho contactant amb el vostre proveïdor de serveis d’Internet. Tampoc tenia un IP públic, però després de contactar amb el meu proveïdor d’Internet, em van donar un IP públic de franc. Trobeu més informació sobre les adreces IP des d’aquí.

Podeu trobar la vostra adreça IP actual del dispositiu simplement escrivint "What's my ip" a google.

Pas 3: convertiu el vostre PC en un servidor mitjançant XAMPP

Heu de convertir el vostre PC a un servidor per accedir-hi des d'Internet. "Apache" és el programari que s'utilitza per convertir un PC a un servidor. Però hi ha moltes coses a configurar si només utilitzeu el "Apache". Per tant, hi ha aplicacions de tercers per fer aquesta feina sense esforç. "XAMPP" és una d'elles. Podeu descarregar-la i instal·lar-la des d'aquí. Hi ha disponibles versions de Windows, Linux i Mac.

Pas 4: obriu el XAMPP

Aneu a la unitat on heu instal·lat XAMPP. Cerqueu la carpeta anomenada "xampp" i dins hi trobareu una aplicació anomenada "control xampp". Obriu-la. Després d'obrir-la, tindrà l'aspecte de la imatge superior.

Pas 5: comproveu XAMPP

Després d'obrir XAMPP, feu clic al botó d'inici que hi ha dins de la fila anomenada "Apache". A continuació, obriu el navegador i escriviu "localhost" a la barra d'adreces. Si heu instal·lat XAMPP correctament, us dirigireu a la pàgina web predeterminada de xampp que es mostra a la segona imatge.

Pas 6: programa l'Arduino

Carregueu aquest programa a arduino per activar-lo, apagar-lo del LED incorporat a través del port sèrie enviant caràcters "H" i "L". "H" al LED una "L" per apagar el LED.

Pas 7: creació de la pàgina web

Per fer aquesta feina utilitzem HTML, AJAX i PHP. Us explicaré breument l’ús d’aquests tres llenguatges. Podeu trobar més informació mitjançant els enllaços següents. Bàsicament s’utilitza HTML per crear pàgines web. Conté les coses que apareixeran. a les pàgines web després de carregar-lo al navegador. AJAX s’utilitza per enviar sol·licituds PHP sense recarregar la pàgina web. PHP s’utilitza per controlar el comportament del servidor per controlar el LED.

1. Trobeu més informació sobre HTML aquí.

2. Trobeu més informació sobre AJAX aquí.

3. Trobeu més informació sobre PHP aquí.

Primer, creeu una carpeta amb qualsevol nom desitjat dins de la carpeta anomenada "htdocs", a la carpeta "xampp" que hem trobat anteriorment al pas 4.

1. Escriviu el codi a la primera imatge en un fitxer de bloc de notes i deseu-lo com a "index.html" a la carpeta que hem creat.

2. Escriviu el codi a la segona imatge en un fitxer de bloc de notes i deseu-lo com a "ledoff.php" a la carpeta que hem creat.

3. Escriviu el codi a la tercera imatge en un fitxer de bloc de notes i deseu-lo com a "ledon.php" a la carpeta que hem creat.

Pas 8: canviar el Comport

Heu de canviar el comportament del vostre arduino als scripts PHP. Si no, carregarà la pàgina web, però el LED no funcionaria. Cerqueu el número de comportament del vostre arduino a Arduino IDE o al gestor de dispositius del vostre sistema operatiu. A continuació, canvieu-lo a tant els fitxers "ledoff.php" com "ledon.php" tal com s'esmenta a les imatges anteriors. Segons el meu PC, és com7.

Pas 9: feu visible la vostra pàgina web

Com heu comprovat al pas 5, després d'iniciar la sessió al servidor amb "localhost", veureu que s'està dirigint a la pàgina web predeterminada de XAMPP. Llavors, com podem iniciar la sessió a la nostra pàgina web? Escriviu el nom de la vostra carpeta on hàgiu desat fitxers HTML i PHP a la barra d'adreces del navegador així.

localhost / "nom de la vostra carpeta"

Segons jo, el meu nom de carpeta és "serialportcontrol". El mètode per escriure-la a la barra d'adreces del navegador s'esmenta a la primera imatge.

Després de prémer entrar, veureu la pàgina web anterior tal com s'esmenta a la segona imatge.

En fer clic als botons "LED ON" i "LED OFF", podreu activar i desactivar el LED biult en l'arduino mitjançant una pàgina web. Podeu controlar el LED que també connecti un altre PC o un telèfon intel·ligent al mateix enrutador i registre la mateixa adreça web que vam utilitzar primer a la xarxa d'àrea local.

Pas 10: Canviar el número de port del nostre servidor XAMPP

D’acord, ara sabem que el nostre sistema funciona bé a la nostra xarxa d’àrea local. Per tant, aquesta és la part més interessant del nostre treball. Primer de tot, hem de canviar el número de port del nostre servidor XAMPP. Perquè el port per defecte del servidor XAMPP és 80.

(El port significa que és com un número de casa en un carril tal com s'esmenta a l'adreça de casa. El carril és la IP pública del vostre ordinador. El número de casa és el número de port. El vostre ordinador té una adreça IP i s’utilitzen diversos ports al vostre ordinador per comunicar-vos amb cada tasca, com si feu servir el servidor XAMPP dues vegades per fer dues feines al mateix ordinador, heu d’utilitzar dos números de port a cada servidor XAMPP.)

80 és el número de port predeterminat per a HTTP. Quan escriviu "localhost" a la barra d'adreces del navegador, el navegador afegeix automàticament aquest número de port al final de l'adreça web, tot i que no el podeu veure. Sembla que no importa. Llavors, per què cal canviar el número de port?

Com que tots els routers utilitzen el seu número de port per defecte com a 80. Quan us connecteu al servidor des d’Internet, si no canvieu el número de port, us connectareu directament a la pàgina web predeterminada del router sense connectar-vos al servidor. us guiarà per canviar el número de port del vostre servidor XAMPP. Estic fent servir 1997 com a número de port. Assegureu-vos d’aturar el servidor APACHE a XAMPP abans de canviar el número de port. Després de canviar el número de port, inicieu el servidor APACHE.

Pas 11: comprovació del número de port canviat

Escriviu la vostra nova adreça web localhost per comprovar que el port funciona o no. Segons jo és

localhost: 1997 / "nom de la vostra carpeta"

Si esteu iniciant la sessió amb èxit a la nostra pàgina web, això significa que el vostre identificador de port ha canviat correctament. Si no, proveu un altre número de port.

Pas 12: Configuració del router

Ara toca jugar amb el router. El reenviament de ports és el mètode que s’utilitza per obrir els ports específics al següent nivell de xarxa, és a dir, permet que algú es connecti al vostre servidor des d’Internet. Podeu obtenir més informació sobre el reenviament de ports aquí i aquí. A continuació es mostren les configuracions del vostre encaminador.

Estic fent servir un enrutador HUAWEI E5172 4G. Per tant, aquestes configuracions es remeten al meu enrutador. Diferents fabricants proporcionen diferents interfícies d'usuari per als encaminadors. Però les funcions són les mateixes en qualsevol tipus d’encaminador. Aquí podeu trobar com reenviar un enrutador amb moltes marques i models diferents.

No us desanimeu si no podeu trobar les funcions esmentades als passos següents. Amb la lectura de descripcions i seguint algunes guies de vídeo de diferents marques d’encaminadors, podreu configurar l’encaminador amb èxit.

Pas 13: Configuració de la configuració DHCP

Quan us connecteu a un encaminador per WiFi o Ethernet, l’encaminador us proporciona automàticament una IP específica. Però si connecta més dispositius al mateix encaminador una i altra vegada, es pot canviar aquesta IP. Només dura fins que reinicieu el servidor. Per tant, heu de reservar una adreça IP específica del router al vostre servidor. Comencem per esbrinar quina és la vostra adreça IP local.

1. Obriu CMD, escriviu "ipconfig" i premeu Intro …

2. Com s'esmenta a la segona imatge, trobareu l'adreça ipv4 local del servidor i la passarel·la predeterminada …

3. Com s'esmenta a la tercera imatge, inicieu sessió al vostre encaminador mitjançant la contrasenya i el nom d'usuari.

4. Cerqueu "Configuració DHCP" al router. Es troba a LAN al meu enrutador, tal com s’esmenta a la quarta imatge.

5. Aneu a "Llista d'adreces agrupades"> "llista d'edició"> "Afegeix" segons el meu enrutador.

6. A continuació, podeu veure totes les adreces IP dels dispositius que es connecten automàticament al vostre encaminador al menú desplegable. He connectat el meu ordinador i el meu telèfon al router, de manera que aquí podeu veure dues adreces IP tal com s’esmenta a la vuitena (vuitena) imatge.

7. Seleccioneu la IP del servidor i, a continuació, envieu i apliqueu la configuració.

8. Aleshores triga uns minuts a reiniciar el router (segons el meu).

Després, el servidor rebrà una mateixa IP específica cada vegada que reinicieu el PC.

Des d’aquí podeu trobar una guia de vídeo d’un enrutador TP-LINK.

Pas 14: Configuració de la configuració de "reenviament de ports"

Ara toca obrir el port del servidor a Internet pública.

1. Aneu a "seguretat"> "nivell de tallafoc" com s'esmenta a la primera imatge.

2. A continuació, poseu el nivell del tallafoc a "Baix" mitjançant el menú desplegable tal com s'esmenta a la segona imatge.

3. A continuació, feu clic a "Envia" per desar la configuració tal com s'esmenta a la tercera imatge.

4. A continuació, aneu a "reenviament de ports"> "Afegeix un element" tal com s'esmenta a la quarta imatge.

5. Afegiu dades tal i com hem configurat abans i tal com s'esmenta a la cinquena imatge.

Tipus: personalitzat

protocol: TCP

Amfitrió remot: ……………

Gamma de ports remots: 1997

Amfitrió local: 192.168.1.3

Port local: 1997

6. A continuació, feu clic a "Envia" per desar la configuració.

Aquí i aquí podeu trobar guies de vídeo per a un enrutador TP-LINK i un D-LINK.

Pas 15: proves

Ara és hora de revisar el nostre sistema. Heu d’utilitzar un dispositiu amb una xarxa fora de la connexió del router. Aquí estic fent servir dades mòbils del meu telèfon intel·ligent. Primer de tot, heu de trobar la vostra adreça IP pública del vostre ordinador.

1. Simplement escriviu a google "quina és la meva IP" tal com s'esmenta a la primera imatge.

2. A continuació, anoteu l'adreça IP.

Llavors és hora de comprovar-ho en un altre dispositiu mòbil.

1. Introduïu les dades mòbils al telèfon intel·ligent.

2. A continuació, obriu el navegador. Estic fent servir Google Chrome.

3. Escriviu la IP pública del vostre ordinador al navegador mòbil tal com s'esmenta a la tercera imatge així.

"IP pública": "número de port" / "nom de la carpeta"

Segons jo> IP pública: 111.223.xx.xx

número de port: 1997

"nom de la carpeta": els meus programes / control del port sèrie / projecte reeixit (ajax)

A continuació, premeu Intro al telèfon intel·ligent. A continuació, podreu controlar el LED integrat de l'arduino des de qualsevol part del món fent clic als botons "LED ON" i "LED OFF".

Pas 16: Pensament innovador, més esforç, més creacions

Per tant, crec que he estat capaç de donar-vos una bona instrucció. Ara, bàsicament, podeu controlar un arduino remotament per Internet. Mitjançant el vostre pensament innovador i la vostra capacitat d’aprendre d’Internet, podeu crear robots, sistemes domòtics que poden controlar Internet des de qualsevol lloc del món. Si utilitzeu aquesta tecnologia per fer bones accions, podeu millorar aquest món per a tots nosaltres. Gràcies!…

Per a qualsevol tipus de problema relacionat amb això, envieu-me un correu electrònic o envieu-vos un massatge al fòrum instructiu.

el meu correu electrònic: [email protected]