Tabla de contenido:

Crea un blog con Esp8266: 7 pasos
Crea un blog con Esp8266: 7 pasos

Video: Crea un blog con Esp8266: 7 pasos

Video: Crea un blog con Esp8266: 7 pasos
Video: Easiest ESP8266 Tutorial (Using arduino) 2024, Noviembre
Anonim
Hacer un blog con Esp8266
Hacer un blog con Esp8266

Si su blog es simple y el tráfico es normal, lo guiaré para usar esp8266 como servidor de blogs. Un año cuesta $ 1 de electricidad:)

Y el resultado tendrá un sitio web como este:

Paso 1: Diseño web

Diseño web
Diseño web

Esto depende de todos. Utilizo Google doc para hacer una introducción sobre mí y luego la guardo en mi computadora en formato html. Pero en el tutorial de hoy, descargué una plantilla disponible en línea rápidamente (https://www.w3schools.com/w3css/w3css_templates.asp) Solo hay algunos detalles a tener en cuenta:

  • Las fotos deben cargarse en un determinado host y luego recuperar el enlace al archivo html (yo uso photobucket temporal)
  • Las bibliotecas js, css normalmente tendrán cdn. Utilice cdn en lugar de guardar directamente en esp8266.
  • Por ejemplo, solo tendré una página de inicio para presentarme para que puedas desarrollar más:)

Y este es el resultado al abrir el archivo html en la computadora:

Paso 2: convertir un archivo HTML en un archivo H

Abra el archivo html (css, js) que acabo de encontrar arriba. Luego copia el contenido. Vaya a https://hs2t.com/tools/html2CString Pegue el contenido en el primer cuadro y luego presione Convertir. Copie el contenido en el segundo cuadro:) póngalo en el archivo.h

Paso 3: Código Esp8266 (usando Arduino)

Descargue y edite el código a continuación:

  • Cambia el wifi de tu casa
  • Cambie la ip estática a la configuración del módem (debe asignar una ip fija para que sea más fácil abrir el puerto a Internet)
  • ¡Para la sección de ddns, explicaré más en la asignación de nombre de dominio gratis!

Ok, después de cargar el código, vaya a su prueba de IP local (por ejemplo, 192.168.1.24) para ver que el sitio web está bien: D

Paso 4: puerto NAT

Puerto NAT
Puerto NAT

Esto depende de su módem, por ejemplo, de su módem. Mi casa usa un módem de gw040

Cuando finalice el puerto, puede ir a nuestro blog desde Internet utilizando la dirección IP (por ejemplo, https://123.123.123.123). tuyo.

Nota:

  • Algunos módems abren el puerto, luego ven la web por IP pública con la red no es posible, pero fuera de la red, la vista normal está bien.
  • Si usa un transmisor 3G a nivel de red para ESP8266, no funcionará fuera de Internet:)

Paso 5: DDNS

DDNS
DDNS

Dado que nuestra ip es dinámica, necesitamos utilizar el servicio DDNS. ¿Cuál es el nombre de un nombre de dominio asociado con su IP de casa? Cuando cambie la IP de su hogar, se actualizará el servicio DDNS para que el servicio asigne una nueva IP a nuestro dominio. Primero, registra una cuenta y un nombre de dominio gratis como myname.boxip.net en https://boxip.net aquí. use el nombre

Luego copie el enlace wget en la página de configuración para reemplazarlo con el código ESP8266. ESP8266 predeterminado cada 5 minutos llamará al servidor DDNS para actualizar IP. Ahora pruebe https://han.boxip.net y disfrute de los resultados: P

Paso 6: Video de instrucciones en vietnamita

Si te resulta interesante y útil, recuerda suscribirte al canal para recibir más videos

Paso 7: El artículo me inspiró

www.instructables.com/id/How-to-Build-a-ES…

Tiene instrucciones detalladas sobre cómo crear un servidor web. Pero el sitio web es simple y solo funciona localmente. Lo he mejorado para que sea un blog personal que se puede ver en Internet.

Recomendado: