Inhaltsverzeichnis:

Erstellen Sie einen Blog mit ESP8266 – Gunook
Erstellen Sie einen Blog mit ESP8266 – Gunook

Video: Erstellen Sie einen Blog mit ESP8266 – Gunook

Video: Erstellen Sie einen Blog mit ESP8266 – Gunook
Video: Was ist ESPHome? ESP32 & ESP8266? - Grundlagen für Anfänger 💪 2024, November
Anonim
Erstellen Sie einen Blog mit ESP8266
Erstellen Sie einen Blog mit ESP8266

Wenn Ihr Blog einfach ist und der Verkehr normal ist, werde ich Sie bei der Verwendung von esp8266 als Blog-Server anleiten. Ein Jahr kostet 1 Dollar Strom:)

Und als Ergebnis haben Sie eine Website wie diese:

Schritt 1: Webdesign

Web-Design
Web-Design

Dies ist jedem selbst überlassen. Ich verwende Google Doc, um eine Einführung zu meiner Person zu geben und sie dann im HTML-Format auf meinem Computer zu speichern. Aber im heutigen Tutorial habe ich eine Vorlage heruntergeladen, die schnell online verfügbar ist (https://www.w3schools.com/w3css/w3css_templates.asp). Es gibt nur ein paar Details zu beachten:

  • Fotos sollten auf einen bestimmten Host hochladen und dann den Link zurück zur HTML-Datei bringen (ich verwende temporären Photobucket)
  • Die js-, css-Bibliotheken haben normalerweise cdn. Verwenden Sie cdn, anstatt direkt in esp8266 zu speichern.
  • Ich werde zum Beispiel nur eine Homepage haben, um mich vorzustellen, damit Sie mehr entwickeln können:)

Und das ist das Ergebnis beim Öffnen der HTML-Datei auf dem Computer:

Schritt 2: Html-Datei in H-Datei konvertieren

Öffnen Sie die oben genannte HTML-Datei (css, js). Dann kopierst du den Inhalt. Gehen Sie zu https://hs2t.com/tools/html2CString Fügen Sie den Inhalt in das erste Feld ein und drücken Sie dann Konvertieren. Kopieren Sie den Inhalt in das zweite Feld:) in die.h-Datei einfügen

Schritt 3: Esp8266-Code (mit Arduino)

Laden Sie den folgenden Code herunter und bearbeiten Sie ihn:

  • Ändern Sie Ihr Heim-WLAN
  • Ändern Sie die statische IP in die Einstellungen des Modems (Sie müssen eine feste IP zuweisen, um das Öffnen des Ports zum Internet zu erleichtern)
  • Für den Abschnitt ddns erkläre ich mehr in der Domain-Namensvergabe kostenlos!

Ok, nach dem Laden des Codes gehen Sie zu seinem lokalen IP-Test (z. B. 192.168.1.24), um zu sehen, ob die Website in Ordnung ist: D

Schritt 4: NAT-Port

NAT-Port
NAT-Port

Dies hängt von Ihrem Modem ab, zum Beispiel von Ihrem Modem. Mein Zuhause verwendet ein Modem von gw040

Wenn die Portierung abgeschlossen ist, können Sie mit der IP-Adresse (zB https://123.123.123.123) aus dem Internet auf unseren Blog zugreifen. dein.

Notiz:

  • Ein paar Modems öffnen den Port, dann sehen das Web per öffentlicher IP mit dem Netzwerk nicht möglich, aber aus dem Netzwerk raus ist die normale Ansicht okay.
  • Wenn Sie den 3G-Sender auf Netzwerkebene für ESP8266 verwenden, funktioniert es außerhalb des Internets nicht:)

Schritt 5: DDNS

DDNS
DDNS

Da unsere IP dynamisch ist, müssen wir den DDNS-Dienst verwenden. Wie lautet der Name eines Domainnamens, der mit Ihrer Home-IP verknüpft ist? Wenn sich Ihre Heim-IP ändert, wird der DDNS-Dienst aktualisiert, sodass der Dienst unserer Domain eine neue IP zuweist. Zuerst registrieren Sie ein Konto und einen kostenlosen Domainnamen wie meinname.boxip.net unter https://boxip.net hier I Verwenden Sie den Namen

Kopieren Sie dann den Link wget auf der Einstellungsseite, um ihn durch den ESP8266-Code zu ersetzen. ESP8266 ruft standardmäßig alle 5 Minuten den DDNS-Server auf, um die IP zu aktualisieren. Versuchen Sie jetzt https://han.boxip.net und genießen Sie die Ergebnisse: P

Schritt 6: Anleitungsvideo auf Vietnamesisch

Wenn Sie es interessant und nützlich finden, denken Sie daran, den Kanal zu abonnieren, um mehr Videos zu erhalten

Schritt 7: Der Artikel hat mich inspiriert

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

Er hat detaillierte Anweisungen zum Erstellen eines Webservers. Aber die Website ist einfach und funktioniert nur lokal. Ich habe es zu einem persönlichen Blog verbessert, der im Internet angezeigt werden kann

Empfohlen: