Sisällysluettelo:

Tee blogi Esp8266: 7 askeleella
Tee blogi Esp8266: 7 askeleella

Video: Tee blogi Esp8266: 7 askeleella

Video: Tee blogi Esp8266: 7 askeleella
Video: Control 32 Servo over Wi-Fi using ESP32 and PCA9685 via desktop or mobile phone V5 2024, Marraskuu
Anonim
Tee blogi Esp8266: n avulla
Tee blogi Esp8266: n avulla

Jos blogisi on yksinkertainen ja liikenne normaalia, opastan sinua käyttämään esp8266 -palvelinta blogipalvelimena. Vuosi maksaa 1 dollarin sähkön:)

Ja tuloksena sinulla on tällainen verkkosivusto:

Vaihe 1: Verkkosuunnittelu

Web-suunnittelu
Web-suunnittelu

Tämä on jokaisen oma asia. Käytän Google -dokumenttia esittelemään itsestäni ja tallentan sen sitten tietokoneelleni html -muodossa. Mutta tämän päivän opetusohjelmassa latasin verkossa nopeasti saatavilla olevan mallin (https://www.w3schools.com/w3css/w3css_templates.asp) Huomioitavaa on vain muutama:

  • Valokuvien pitäisi ladata tiettyyn isäntään ja ottaa sitten linkki takaisin html -tiedostoon (käytän väliaikaista photobucketia)
  • Js, css -kirjastoissa on yleensä cdn. Käytä cdn -tiedostoa sen sijaan, että tallennat suoraan esp8266 -tiedostoon.
  • Esimerkiksi minulla on vain kotisivu esitellä itseni, jotta voit kehittää enemmän:)

Ja tämä on tulos, kun avaat html -tiedoston tietokoneessa:

Vaihe 2: Muunna HTML -tiedosto H -tiedostoksi

Avaa yllä oleva html -tiedosto (css, js). Sitten kopioit sisällön. Siirry osoitteeseen https://hs2t.com/tools/html2CString Liitä sisältö ensimmäiseen ruutuun ja paina sitten Muunna. Kopioi toisen ruudun sisältö:) laita.h -tiedostoon

Vaihe 3: Esp8266 -koodi (Arduinon avulla)

Lataa ja muokkaa alla oleva koodi:

  • Vaihda kotisi wifi
  • Vaihda staattinen ip modeemin asetuksiin (sinun on määritettävä kiinteä IP, jotta portin avaaminen Internetiin helpottuu)
  • Ddns -osiossa selitän lisätietoja verkkotunnuksen määrityksestä ilmaiseksi!

Ok, koodin lataamisen jälkeen mene sen paikalliseen IP -testiin (esimerkiksi 192.168.1.24) nähdäksesi, että sivusto on kunnossa: D

Vaihe 4: NAT -portti

NAT -portti
NAT -portti

Tämä riippuu modeemista, esimerkiksi modeemista. Kotini käyttää gw040 -modeemia

Kun portti on valmis, voit siirtyä blogiimme Internetistä käyttämällä IP -osoitetta (esim. Http://123.123.123.123). sinun.

Huomautus:

  • Muutama modeemi avaa portin ja näkee verkon julkisella IP -osoitteella verkon kanssa ei ole mahdollista, mutta verkon ulkopuolella normaali näkymä on kunnossa.
  • Jos käytät 3G -lähetintä verkkotasolle ESP8266: lle, se ei toimi Internetin ulkopuolella:)

Vaihe 5: DDNS

DDNS
DDNS

Koska IP -osoitteemme on dynaaminen, meidän on käytettävä DDNS -palvelua. Mikä on kotisi IP -osoitteeseen liitetyn verkkotunnuksen nimi? Kun kotisi IP -osoite muuttuu, se päivittää DDNS -palvelun niin, että palvelu määrittää uuden IP -osoitteen verkkotunnuksellemme. Ensin rekisteröit tilin ja ilmaisen verkkotunnuksen, kuten myname.boxip.net, osoitteessa https://boxip.net täällä I käytä nimeä

Kopioi sitten linkki wget asetussivulta ja korvaa se ESP8266 -koodilla. ESP8266 oletusarvo 5 minuutin välein kutsuu DDNS -palvelimen päivittämään IP -osoitteen. Kokeile nyt https://han.boxip.net ja nauti tuloksista: P

Vaihe 6: Ohjaa video vietnamiksi

Jos pidät sitä mielenkiintoisena ja hyödyllisenä, muista tilata kanava saadaksesi lisää videoita

Vaihe 7: Artikkeli inspiroi minua

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

Hänellä on yksityiskohtaiset ohjeet verkkopalvelimen luomiseen. Mutta sivusto on yksinkertainen ja toimii vain paikallisesti. Olen parantanut sitä henkilökohtaiseksi blogiksi, jota voi katsella Internetissä

Suositeltava: