Gumawa ng isang Blog Sa Esp8266: 7 Mga Hakbang
Gumawa ng isang Blog Sa Esp8266: 7 Mga Hakbang

Talaan ng mga Nilalaman:

Anonim
Gumawa ng isang Blog Sa Esp8266
Gumawa ng isang Blog Sa Esp8266

Kung ang iyong blog ay simple at ang trapiko ay normal, gagabay ako sa iyo upang gamitin ang esp8266 bilang isang blog server. Ang isang taon ay nagkakahalaga ng $ 1 na kuryente:)

At ang resulta magkakaroon ka ng isang website na tulad nito:

Hakbang 1: Disenyo sa Web

Disenyo ng web
Disenyo ng web

Bahala na ang lahat. Gumagamit ako ng Google doc upang gumawa ng isang pagpapakilala tungkol sa aking sarili at pagkatapos ay i-save ito sa aking computer sa format na html. Ngunit sa tutorial ngayon, nag-download ako ng isang template na magagamit online para sa mabilis (https://www.w3schools.com/w3css/w3css_templates.asp) Mayroong ilang mga detalye lamang na dapat tandaan:

  • Dapat mag-upload ang mga larawan sa isang tiyak na host at pagkatapos ay ibabalik ang link sa html file (Gumagamit ako ng pansamantalang photobucket)
  • Ang js, css libraries ay karaniwang may cdn. Gumamit ng cdn sa halip na mai-save nang direkta sa esp8266.
  • Halimbawa, magkakaroon lamang ako ng isang home page upang ipakilala ang aking sarili upang higit kang makagawa:)

At ito ang resulta kapag binubuksan ang html file sa computer:

Hakbang 2: I-convert ang html File Sa H File

Buksan ang html file (css, js) sa itaas lamang. Pagkatapos kopyahin mo ang nilalaman. Pumunta sa https://hs2t.com/tools/html2CString I-paste ang nilalaman sa unang kahon at pagkatapos ay pindutin ang I-convert. Kopyahin ang nilalaman sa pangalawang kahon:) ilagay sa.h file

Hakbang 3: Esp8266 Code (gamit ang Arduino)

I-download at i-edit ang code sa ibaba:

  • Baguhin ang iyong wifi sa bahay
  • Baguhin ang static ip sa mga setting ng modem (dapat kang magtalaga ng isang nakapirming ip upang mas madali itong buksan ang port sa internet)
  • Para sa seksyon ng ddns, magpapaliwanag ako ng higit pa sa pagtatalaga ng pangalan ng domain nang libre!

Ok, pagkatapos mai-load ang code, pumunta sa lokal na pagsubok sa IP (halimbawa, 192.168.1.24) upang makita na ok ang website: D

Hakbang 4: NAT Port

NAT Port
NAT Port

Nakasalalay ito sa iyong modem halimbawa sa iyong modem. Gumagamit ang aking tahanan ng isang modem ng gw040

Kapag natapos ang port, maaari kang pumunta sa aming blog mula sa internet gamit ang IP address (hal. Http://123.123.123.123). inyo.

Tandaan:

  • Ang ilang mga modem buksan ang port, pagkatapos ay tingnan ang web sa pamamagitan ng pampublikong IP na may network ay hindi posible, ngunit sa labas ng network, ang normal na pagtingin ay okay.
  • Kung gumagamit ka ng 3G transmitter sa antas ng network para sa ESP8266, hindi ito gagana sa labas ng internet:)

Hakbang 5: DDNS

DDNS
DDNS

Dahil ang aming ip ay pabago-bago, kailangan naming gumamit ng serbisyo ng DDNS. Ano ang pangalan ng isang domain name na nauugnay sa iyong home ip? Kapag nagbago ang iyong IP sa bahay, ia-update nito ang serbisyo ng DDNS upang ang serbisyo ay magtalaga ng isang bagong IP sa aming domain. Una mong irehistro ang isang account at isang libreng domain name tulad ng myname.boxip.net sa https://boxip.net dito ko gamitin ang pangalang

Pagkatapos kopyahin ang link wget sa pahina ng mga setting upang mapalitan ito ng code na ESP8266. Ang default ng ESP8266 bawat 5 minuto ay tatawag sa server ng DDNS upang i-update ang IP. Ngayon subukan ang https://han.boxip.net at tamasahin ang mga resulta: P

Hakbang 6: Instruc Video sa Vietnamese

Kung nakita mo itong kawili-wili at kapaki-pakinabang, tandaan na mag-subscribe sa channel upang makatanggap ng higit pang mga video

Hakbang 7: Ang Artikulo ay Nagbigay-inspirasyon sa Akin

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

Mayroon siyang detalyadong mga tagubilin sa kung paano lumikha ng webserver. Ngunit ang website ay simple at gumagana lamang nang lokal. Pinagbuti ko ito upang maging isang personal na blog na maaaring matingnan sa internet