Controle su mundo electrónico a través de Internet: 16 pasos

2024 Autor: John Day | [email protected]. Última modificación: 2024-01-30 08:41

Siguiendo estas instrucciones, podrá ENCENDER y APAGAR un LED desde cualquier parte del mundo. Lea todas las instrucciones detenidamente y siga los pasos uno por uno. Después de estudiar este instructivo, podrá utilizar este conocimiento en varias aplicaciones como sistemas de automatización del hogar, proyectos de IOT con sus habilidades innovadoras.

Paso 1: Materiales

1. Una computadora

2. Un enrutador con una conexión a Internet activa que está conectado a su computadora.

3. Un arduino (estoy usando un arduino UNO.)

4. Un teléfono inteligente u otra computadora con datos móviles u otra red de Internet

Paso 2: Verifique su IP

Primero que nada es importante saber si tienes una ip pública o no, porque si no tienes una ip pública no puedes acceder a tu computadora desde afuera, eso significa que si tienes una ip pública, tienes una dirección de world internet. Puede verificar esto comunicándose con su proveedor de servicios de Internet. Tampoco tenía una IP pública, pero después de contactar a mi ISP, me dieron una IP pública de forma gratuita. Encuentre más sobre direcciones IP desde aquí.

Puede averiguar la dirección IP actual de su dispositivo simplemente escribiendo "Cuál es mi IP" en Google.

Paso 3: convierta su PC en un servidor usando XAMPP

Necesitas convertir tu PC en un servidor para acceder a él desde Internet. "Apache" es el software que se usa para convertir una PC en un servidor. Pero hay muchas cosas que configurar si solo usas "Apache". Así que hay aplicaciones de terceros para hacer este trabajo sin esfuerzo. "XAMPP" es una de ellas. Puede descargarlo e instalarlo desde aquí. Las versiones de Windows, Linux y Mac están disponibles.

Paso 4: abre el XAMPP

Vaya a la unidad donde ha instalado el XAMPP. Busque la carpeta llamada "xampp" y dentro de ella encontrará una aplicación llamada "xampp-control". Ábrala. Después de abrirla, se verá como la imagen de arriba.

Paso 5: Verifique XAMPP

Después de abrir XAMPP, haga clic en el botón de inicio que está dentro de la fila llamada "Apache". Luego, abra el navegador y escriba "localhost" en la barra de direcciones. Si ha instalado XAMPP con éxito, se le dirigirá a la página web predeterminada de xampp que se muestra en la segunda imagen.

Paso 6: programa el Arduino

Cargue este programa en arduino para encender y apagar el LED integrado a través del puerto serie enviando los caracteres "H" y "L". "H" para encender el LED y "L" para apagar el LED.

Paso 7: creación de la página web

Para hacer este trabajo usamos HTML, AJAX y PHP. Explicaré brevemente el uso de estos tres lenguajes. Puedes encontrar más información usando los enlaces a continuación. Básicamente HTML se usa para crear páginas web. Contiene las cosas que van a aparecer. en las páginas web después de cargarlo en el navegador. AJAX se usa para enviar solicitudes PHP sin recargar la página web. PHP se usa para controlar el comportamiento del servidor para controlar el LED.

1. Obtenga más información sobre HTML aquí.

2. Encuentre más información sobre AJAX aquí.

3. Encuentre más sobre PHP aquí.

Primero cree una carpeta con el nombre que desee dentro de la carpeta llamada "htdocs", en la carpeta "xampp" que encontramos anteriormente en el paso 4.

1. Escribe el código de la primera imagen en un archivo de bloc de notas y guárdalo como "index.html" en la carpeta que creamos.

2. Escribe el código de la segunda imagen en un archivo de bloc de notas y guárdalo como "ledoff.php" en la carpeta que creamos.

3. Escribe el código de la tercera imagen en un archivo de bloc de notas y guárdalo como "ledon.php" en la carpeta que creamos.

Paso 8: Cambio de Comport

Tienes que cambiar el comportamiento de tu arduino en los scripts PHP, de lo contrario cargará la página web, pero el LED no funcionará, busca el número de comportamiento de tu arduino en Arduino IDE o en el administrador de dispositivos de tu sistema operativo, luego cámbialo en los archivos "ledoff.php" y "ledon.php" como se menciona en las imágenes anteriores. Según mi pc, es com7.

Paso 9: Haga que su página web sea visible

Como verificó en el paso 5, después de iniciar sesión en su servidor usando "localhost", verá que se dirige a la página web predeterminada de XAMPP. Entonces, ¿cómo podemos iniciar sesión en nuestra página web? Escriba el nombre de su carpeta donde ha guardado los archivos HTML y PHP en la barra de direcciones del navegador de esta manera.

localhost / "su nombre de carpeta"

Según yo, el nombre de mi carpeta es "serialportcontrol". El método de escribirlo en la barra de direcciones del navegador se menciona en la primera imagen.

Después de presionar Enter, verá la página web anterior como se menciona en la segunda imagen.

Al hacer clic en los botones "LED ON" y "LED OFF", podrá encender y apagar el biult in LED del arduino usando una página web. Puede controlar el LED también conectando otra PC o un teléfono inteligente al mismo enrutador y registrando la misma dirección web que usamos primero en la red de área local.

Paso 10: Cambiar el número de puerto de nuestro servidor XAMPP

Bien, ahora sabemos que nuestro sistema funciona bien en nuestra red de área local, así que esta es la parte más interesante de nuestro trabajo, primero que nada necesitamos cambiar el número de puerto de nuestro servidor XAMPP, porque el puerto predeterminado del servidor XAMPP es 80.

(El puerto significa que es como el número de una casa en un carril como se menciona en la dirección de la casa. El carril es la dirección IP pública de su PC. El número de la casa es el número de puerto. Su PC tiene una dirección IP única. y se utilizan varios puertos en su PC para comunicarse con cada tarea, como si usa el servidor XAMPP dos veces para hacer dos trabajos en la misma computadora, debe usar dos números de puerto para cada servidor XAMPP).

80 es el número de puerto predeterminado para HTTP. Cuando escribe "localhost" en la barra de direcciones del navegador, el navegador agrega automáticamente ese número de puerto al final de la dirección web, aunque no puede verlo. El sonido no importa. Entonces, ¿por qué es necesario cambiar el número de puerto?

Debido a que todos los enrutadores usan su número de puerto predeterminado como 80, cuando se conecta a su servidor desde Internet, si no cambia el número de puerto, se conectará directamente a la página web predeterminada del enrutador sin conectarse a su servidor. guiarlo para cambiar el número de puerto de su servidor XAMPP. Estoy usando 1997 como mi número de puerto. Asegúrese de detener el servidor APACHE en XAMPP antes de cambiar el número de puerto. Después de cambiar el número de puerto, inicie el servidor APACHE.

Paso 11: Verificación del número de puerto cambiado

Escriba su nueva dirección web localhost para verificar que su puerto esté funcionando o no. Según mi es

localhost: 1997 / "su nombre de carpeta"

Si está iniciando sesión correctamente en nuestra página web, eso significa que el cambio de ID de su puerto se realizó correctamente. Si no, intente con otro número de puerto.

Paso 12: configuración del enrutador

Ahora es el momento de jugar con su enrutador. El reenvío de puertos es el método que se utiliza para abrir los puertos específicos al siguiente nivel de red, lo que significa que permite que alguien se conecte a su servidor desde Internet. Puede encontrar más información sobre el reenvío de puertos aquí y aquí. Las configuraciones de su enrutador se muestran en los pasos a continuación.

Estoy usando un enrutador 4G HUAWEI E5172. Entonces, estas configuraciones se refieren a mi enrutador. Los diferentes fabricantes proporcionan diferentes interfaces de usuario para enrutadores. Pero las características son las mismas en cualquier tipo de enrutador. Puede encontrar cómo reenviar el puerto de un enrutador bajo muchas marcas y modelos diferentes aquí.

No se desanime si no puede encontrar las funciones mencionadas en los pasos a continuación. Con la lectura de descripciones y siguiendo algunas guías de video de diferentes marcas de enrutadores, podrá configurar su enrutador con éxito.

Paso 13: Configurar los ajustes de DHCP

Cuando se conecta a un enrutador a través de WiFi o Ethernet, el enrutador le proporciona una IP específica automáticamente. Pero si está conectando más dispositivos al mismo enrutador una y otra vez, esa ip se puede cambiar. Solo dura hasta que reinicie su servidor. Por lo tanto, debe reservar una dirección IP específica del enrutador a su servidor. Comencemos por averiguar cuál es su dirección IP local.

1. Abra CMD, escriba "ipconfig" y presione enter….

2. Como se menciona en la segunda imagen, encontrará la dirección IPv4 local de su servidor y la puerta de enlace predeterminada….

3. Como se menciona en la tercera imagen, inicie sesión en su enrutador usando la contraseña y el nombre de usuario. La puerta de enlace predeterminada es la IP de su enrutador (según yo, es 192.168.1.1 como se menciona en la tercera imagen)…..

4. Busque "Configuración de DHCP" en su enrutador. Está debajo de LAN en mi enrutador como se menciona en la cuarta imagen.

5. Vaya a "Lista de direcciones agrupadas"> "Editar lista"> "Agregar" según mi enrutador.

6. Luego, puede ver todas las direcciones IP de los dispositivos que están conectados a su enrutador automáticamente en un menú desplegable. He conectado mi PC y mi teléfono al enrutador, así que aquí puede ver dos direcciones IP como se menciona en la octava (8ª) imagen.

7. Seleccione la IP de su servidor, luego "enviar" y "aplicar" la configuración.

8. Luego, toma unos minutos reiniciar el enrutador (según el mío).

Después de eso, su servidor recibirá una misma IP específica cada vez que reinicie su PC.

Puede encontrar una guía de video para un enrutador TP-LINK desde aquí.

Paso 14: Configurar las opciones de "reenvío de puertos"

Ahora es el momento de abrir el puerto del servidor a la Internet pública.

1. Vaya a "seguridad"> "nivel de firewall" como se menciona en la primera imagen.

2. Luego, ponga el nivel de firewall en "Bajo" usando el menú desplegable como se menciona en la segunda imagen.

3. Luego haga clic en "enviar" para guardar la configuración como se menciona en la tercera imagen.

4. Luego vaya a "reenvío de puertos"> "Agregar elemento" como se menciona en la cuarta imagen.

5. Agregue datos como lo configuramos antes y como se menciona en la quinta imagen.

Tipo: personalizado

protocolo: TCP

Servidor remoto: ……………

Rango de puerto remoto: 1997

Anfitrión local: 192.168.1.3

Puerto local: 1997

6. Luego haga clic en "enviar" para guardar la configuración.

Puede encontrar guías de video para un TP-LINK y un enrutador D-LINK desde aquí y aquí.

Paso 15: Prueba

Ahora es el momento de comprobar nuestro sistema. Tienes que usar un dispositivo con una red fuera de la conexión del enrutador. Aquí estoy usando datos móviles de mi teléfono inteligente. En primer lugar, debe averiguar la dirección IP pública de su PC.

1. Simplemente escriba en google "cuál es mi ip" como se menciona en la primera imagen.

2. Luego anote la dirección IP.

Entonces es el momento de comprobarlo en otro dispositivo móvil.

1. Ponga los datos móviles en su teléfono inteligente.

2. Luego abra el navegador. Estoy usando google chrome.

3. Escriba la IP pública de su PC en su navegador móvil como se menciona en la tercera imagen como esta.

"ip pública": "número de puerto" / "nombre de carpeta"

Según yo> ip pública: 111.223.xx.xx

número de puerto: 1997

"nombre de carpeta": myprogrammes / control de puerto serie / proyecto exitoso (ajax)

Luego presione enter en su teléfono inteligente. Entonces podrá controlar el LED integrado de arduino desde cualquier parte del mundo haciendo clic en los botones "LED ON" y "LED OFF".

Paso 16: pensamiento innovador, más esfuerzo, más creaciones

Así que creo que pude darte un buen instructivo. Ahora, básicamente, puedes controlar un arduino de forma remota a través de Internet. Usando su pensamiento innovador y su capacidad para aprender de Internet, puede crear robots, sistemas de automatización del hogar que pueden controlar Internet desde cualquier parte del mundo. Si usa esta tecnología para buenas acciones, puede hacer que este mundo sea mucho mejor para todos nosotros. ¡Gracias!…

Para cualquier tipo de problema relacionado con esto, envíeme un correo electrónico o envíeme un masaje en el foro instructivo.

mi correo: [email protected]