Tartalomjegyzék:

Blog készítése az Esp8266 segítségével: 7 lépés
Blog készítése az Esp8266 segítségével: 7 lépés

Videó: Blog készítése az Esp8266 segítségével: 7 lépés

Videó: Blog készítése az Esp8266 segítségével: 7 lépés
Videó: Start Using Wemos D1 Mini NodeMCU WiFi ESP8266 module with Arduino 2024, November
Anonim
Blog készítése az Esp8266 segítségével
Blog készítése az Esp8266 segítségével

Ha a blogod egyszerű, és a forgalom normális, eligazítom az esp8266 blogszerverként történő használatában. Egy év 1 dollárba kerül az áram:)

És az eredmény egy ilyen webhely lesz:

1. lépés: Webes tervezés

Web Design
Web Design

Ez mindenkin múlik. A Google doc segítségével bemutatkozom magamról, majd html formátumban elmentem a számítógépre. De a mai oktatóanyagban letöltöttem egy gyorsan elérhető online sablont (https://www.w3schools.com/w3css/w3css_templates.asp) Csak néhány részletet kell megjegyezni:

  • A fényképeknek fel kell tölteniük egy bizonyos gazdagépre, majd vissza kell vinniük a linket a html fájlba (ideiglenes fotobucketet használok)
  • A js, css könyvtárak általában cdn -t tartalmaznak. Használja a cdn -t ahelyett, hogy közvetlenül az esp8266 fájlba mentene.
  • Például csak egy honlapom lesz bemutatkozni, hogy tovább fejlődhess:)

És ez az eredmény, amikor megnyitja a html fájlt a számítógépen:

2. lépés: A HTML -fájl konvertálása H fájlba

Nyissa meg a fent kapott html fájlt (css, js). Ezután másolja a tartalmat. Nyissa meg a https://hs2t.com/tools/html2CString oldalt. Illessze be a tartalmat az első mezőbe, majd nyomja meg a Konvertálás gombot. Másolja a tartalmat a második mezőbe:) tegye a.h fájlba

3. lépés: Esp8266 kód (Arduino használatával)

Töltse le és szerkessze az alábbi kódot:

  • Változtassa meg otthoni wifijét
  • Módosítsa a statikus ip -t a modem beállításaira (rögzített IP -t kell hozzárendelnie, hogy megkönnyítse a port internetes megnyitását)
  • A ddns résznél többet fogok magyarázni a domain név hozzárendelésben ingyen!

Ok, a kód betöltése után menjen a helyi IP -tesztjére (például 192.168.1.24), és ellenőrizze, hogy a webhely rendben van -e: D

4. lépés: NAT port

NAT port
NAT port

Ez a modemtől függ, például a modemtől. Az otthonom a gw040 modemet használja

Amikor a port elkészült, az internetről az IP -cím használatával megnyithatja blogunkat (pl. Http://123.123.123.123). a tiéd.

Jegyzet:

  • Néhány modem megnyitja a portot, majd a weben nyilvános IP -címmel láthatja a hálózatot, de a hálózaton kívül a normál nézet rendben van.
  • Ha 3G távadót használ hálózati szintre az ESP8266 -hoz, az nem fog működni az interneten kívül:)

5. lépés: DDNS

DDNS
DDNS

Mivel az ip dinamikus, a DDNS szolgáltatást kell használnunk. Mi a neve az otthoni IP -hez társított domain névnek? Ha megváltozik az otthoni IP -címe, akkor frissíti a DDNS szolgáltatást, hogy a szolgáltatás új IP -t rendeljen domainünkhöz. Először regisztráljon egy fiókot és egy ingyenes domain nevet, például a myname.boxip.net címet a https://boxip.net itt használja a https://boxip.net nevet

Ezután másolja a link wget -et a beállítások oldalon, és cserélje ki az ESP8266 kódra. Az ESP8266 alapértelmezés szerint 5 percenként hívja a DDNS szervert az IP frissítéséhez. Most próbálja meg a https://han.boxip.net oldalt, és élvezze az eredményeket: P

6. lépés: Videó oktatása vietnami nyelven

Ha érdekesnek és hasznosnak találod, ne felejts el feliratkozni a csatornára, hogy további videókat kaphass

7. lépés: A cikk inspirált

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

Részletes utasításokat tartalmaz a webszerver létrehozásáról. De a webhely egyszerű és csak helyben működik. Javítottam, hogy személyes blog legyen, amely megtekinthető az interneten

Ajánlott: