Maak een blog met Esp8266: 7 stappen

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

Als uw blog eenvoudig is en het verkeer normaal is, zal ik u begeleiden om esp8266 als blogserver te gebruiken. Een jaar kost $ 1 elektriciteit:)

En als resultaat heb je een website zoals deze:

Stap 1: Webdesign

Dit is aan iedereen. Ik gebruik Google doc om een introductie over mezelf te maken en deze vervolgens op mijn computer op te slaan in html-indeling. Maar in de tutorial van vandaag heb ik een sjabloon gedownload die online beschikbaar is voor snel (https://www.w3schools.com/w3css/w3css_templates.asp) Er zijn slechts een paar details om op te merken:

• Foto's moeten worden geüpload naar een bepaalde host en vervolgens de link terugbrengen naar het html-bestand (ik gebruik tijdelijke photobucket)
• De js, css-bibliotheken hebben normaal gesproken cdn. Gebruik cdn in plaats van direct op te slaan in esp8266.
• Ik zal bijvoorbeeld alleen een startpagina hebben om mezelf voor te stellen, zodat je meer kunt ontwikkelen:)

En dit is het resultaat bij het openen van het html-bestand op de computer:

Stap 2: Converteer Html-bestand naar H-bestand

Open het html-bestand (css, js) hierboven. Vervolgens kopieer je de inhoud. Ga naar https://hs2t.com/tools/html2CString Plak de inhoud in het eerste vak en druk vervolgens op Converteren. Kopieer de inhoud in het tweede vak:) zet in het.h-bestand

Stap 3: Esp8266-code (met behulp van Arduino)

Download en bewerk onderstaande code:

• Wijzig je wifi thuis
• Wijzig het statische ip in de instellingen van de modem (u moet een vast ip toewijzen om het gemakkelijker te maken om de poort naar internet te openen)
• Voor ddns-sectie zal ik meer uitleggen in de domeinnaamtoewijzing gratis!

Ok, ga na het laden van de code naar de lokale IP-test (bijvoorbeeld 192.168.1.24) om te zien of de website in orde is: D

Stap 4: NAT-poort

Dit hangt af van uw modem bijvoorbeeld op uw modem. Mijn huis gebruikt een modem van gw040

Als de poort klaar is, kun je vanaf internet naar onze blog gaan met het IP-adres (bijv. https://123.123.123.123). de jouwe.

Opmerking:

• Een paar modems openen de poort en zien dan het web via een openbaar IP-adres met het netwerk is niet mogelijk, maar buiten het netwerk is de normale weergave in orde.
• Als u een 3G-zender op netwerkniveau gebruikt voor ESP8266, werkt deze niet buiten internet:)

Stap 5: DDNS

Omdat ons IP-adres dynamisch is, moeten we de DDNS-service gebruiken. Wat is de naam van een domeinnaam die is gekoppeld aan uw thuis-ip? Wanneer uw thuis-IP verandert, wordt de DDNS-service bijgewerkt zodat de service een nieuw IP-adres aan ons domein toewijst. Eerst registreert u een account en een gratis domeinnaam zoals mijnnaam.boxip.net op https://boxip.net hier I gebruik de naam

Kopieer vervolgens de link wget op de instellingenpagina om deze te vervangen door de ESP8266-code. ESP8266 zal standaard elke 5 minuten de DDNS-server oproepen om IP bij te werken. Probeer nu https://han.boxip.net en geniet van de resultaten: P

Stap 6: instructievideo in het Vietnamees

Als je het interessant en nuttig vindt, vergeet dan niet om je te abonneren op het kanaal om meer video's te ontvangen

Stap 7: Het artikel inspireerde mij

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

Hij heeft gedetailleerde instructies voor het maken van een webserver. Maar de website is eenvoudig en werkt alleen lokaal. Ik heb het verbeterd tot een persoonlijke blog die op internet kan worden bekeken