Creați un blog cu Esp8266: 7 pași

2024 Autor: John Day | [email protected]. Modificat ultima dată: 2024-01-30 11:44

Dacă blogul dvs. este simplu și traficul este normal, vă voi îndruma să utilizați esp8266 ca server de blog. Un an costă 1 $ electricitate:)

Iar rezultatul veți avea un site de acest gen:

Pasul 1: Web Design

Aceasta depinde de toată lumea. Folosesc documentul Google pentru a face o introducere despre mine și apoi o salvez pe computer în format html. Dar în tutorialul de astăzi, am descărcat rapid un șablon disponibil online (https://www.w3schools.com/w3css/w3css_templates.asp) Există doar câteva detalii de remarcat:

• Fotografiile ar trebui să se încarce pe o anumită gazdă și apoi să ia linkul înapoi la fișierul html (eu folosesc photobucket temporar)
• Bibliotecile js, css vor avea în mod normal cdn. Folosiți cdn în loc să salvați direct în esp8266.
• De exemplu, voi avea doar o pagină de pornire pentru a mă prezenta, astfel încât să puteți dezvolta mai multe:)

Și acesta este rezultatul la deschiderea fișierului html pe computer:

Pasul 2: convertiți fișierul HTML în fișierul H

Deschideți fișierul html (css, js) care tocmai am ajuns mai sus. Apoi copiați conținutul. Accesați https://hs2t.com/tools/html2CString Lipiți conținutul în prima casetă și apoi apăsați Convert. Copiați conținutul în a doua casetă:) puneți în fișierul.h

Pasul 3: Cod Esp8266 (folosind Arduino)

Descărcați și editați codul de mai jos:

• Schimbați wifi-ul de acasă
• Schimbați ip-ul static la setările modemului (trebuie să atribuiți un ip fix pentru a ușura deschiderea portului către internet)
• Pentru secțiunea ddns, voi explica mai multe în atribuirea de nume de domeniu gratuit!

Ok, după încărcarea codului, mergeți la testul IP local (de exemplu, 192.168.1.24) pentru a vedea că site-ul este în regulă: D

Pasul 4: Port NAT

Acest lucru depinde de modemul dvs., de exemplu de modemul dvs. Casa mea folosește un modem gw040

Când portul este terminat, puteți accesa blogul nostru de pe internet folosind adresa IP (de ex. Http://123.123.123.123). a ta.

Notă:

• Câteva modemuri deschid portul, apoi văd web-ul prin IP public cu rețeaua nu este posibil, dar în afara rețelei, vizualizarea normală este în regulă.
• Dacă utilizați un transmițător 3G la nivel de rețea pentru ESP8266, acesta nu va funcționa în afara internetului:)

Pasul 5: DDNS

Deoarece ip-ul nostru este dinamic, trebuie să folosim serviciul DDNS. Care este numele unui nume de domeniu asociat cu adresa IP de acasă? Când IP-ul dvs. de acasă se modifică, acesta va actualiza serviciul DDNS astfel încât serviciul să atribuie un nou IP domeniului nostru. Mai întâi vă înregistrați un cont și un nume de domeniu gratuit, cum ar fi myname.boxip.net la https://boxip.net aici I folosiți numele

Apoi copiați linkul wget în pagina de setări pentru al înlocui cu codul ESP8266. ESP8266 implicit la fiecare 5 minute va apela serverul DDNS pentru a actualiza IP. Acum încercați https://han.boxip.net și bucurați-vă de rezultate: P

Pasul 6: Instrucțiune video în vietnameză

Dacă vi se pare interesant și util, nu uitați să vă abonați la canal pentru a primi mai multe videoclipuri

Pasul 7: Articolul m-a inspirat

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

El are instrucțiuni detaliate despre cum să creați server web. Dar site-ul web este simplu și funcționează doar local. L-am îmbunătățit pentru a fi un blog personal care poate fi vizualizat pe internet