Turinys:
- 1 žingsnis: žiniatinklio dizainas
- 2 veiksmas: konvertuokite HTML failą į H failą
- 3 žingsnis: Esp8266 kodas (naudojant „Arduino“)
- 4 žingsnis: NAT prievadas
- 5 žingsnis: DDNS
- 6 veiksmas: nurodykite vaizdo įrašą vietnamiečių kalba
- 7 žingsnis: Straipsnis mane įkvėpė
Video: Sukurkite tinklaraštį naudodami Esp8266: 7 žingsniai
2024 Autorius: John Day | [email protected]. Paskutinį kartą keistas: 2024-01-30 10:47
Jei jūsų tinklaraštis yra paprastas ir srautas normalus, nurodysiu naudoti esp8266 kaip tinklaraščio serverį. Vieneri metai kainuoja 1 USD už elektrą:)
Ir rezultatas turėsite tokią svetainę:
1 žingsnis: žiniatinklio dizainas
Tai priklauso nuo kiekvieno. Aš naudoju „Google“dokumentą, kad galėčiau įvesti įvadą apie save ir tada išsaugoti jį savo kompiuteryje html formatu. Tačiau šiandienos pamokoje aš greitai atsisiunčiau internete prieinamą šabloną (https://www.w3schools.com/w3css/w3css_templates.asp) Yra tik keletas detalių, į kurias reikia atkreipti dėmesį:
- Nuotraukos turėtų būti įkeliamos į tam tikrą prieglobą ir tada perkeliamos nuorodos į html failą (naudoju laikiną nuotraukų paketą)
- Js, css bibliotekos paprastai turi cdn. Naudokite cdn, o ne išsaugokite tiesiai į esp8266.
- Pavyzdžiui, aš turėsiu tik pagrindinį puslapį, kad galėčiau prisistatyti, kad galėtumėte daugiau tobulėti:)
Ir tai yra rezultatas, kai kompiuteryje atidarote html failą:
2 veiksmas: konvertuokite HTML failą į H failą
Atidarykite aukščiau pateiktą html failą (css, js). Tada nukopijuojate turinį. Eikite į https://hs2t.com/tools/html2CString Įklijuokite turinį į pirmąjį laukelį ir paspauskite Konvertuoti. Nukopijuokite antrame laukelyje esantį turinį:) įdėkite į.h failą
3 žingsnis: Esp8266 kodas (naudojant „Arduino“)
Atsisiųskite ir redaguokite žemiau esantį kodą:
- Pakeiskite namų „Wi -Fi“
- Pakeiskite statinį IP į modemo nustatymus (turite priskirti fiksuotą IP, kad būtų lengviau atidaryti prievadą prie interneto)
- „Ddns“skyriuje daugiau paaiškinsiu domeno vardo priskyrime nemokamai!
Gerai, įkėlę kodą, eikite į vietinį IP testą (pvz., 192.168.1.24), kad pamatytumėte, ar svetainė yra gerai: D
4 žingsnis: NAT prievadas
Tai priklauso nuo jūsų modemo, pavyzdžiui, nuo modemo. Mano namuose naudojamas gw040 modemas
Kai prievadas baigtas, galite eiti į mūsų tinklaraštį iš interneto naudodami IP adresą (pvz., Http://123.123.123.123). tavo.
Pastaba:
- Keletas modemų atidaro prievadą, tada pamatyti žiniatinklį viešuoju IP tinklu neįmanoma, tačiau už tinklo ribų normalus vaizdas yra tinkamas.
- Jei naudojate 3G siųstuvą ESP8266 tinklo lygiui, jis neveiks už interneto ribų:)
5 žingsnis: DDNS
Kadangi mūsų IP yra dinamiškas, turime naudoti DDNS paslaugą. Kaip vadinamas domeno vardas, susietas su jūsų namų IP? Kai pasikeis jūsų namų IP, ji atnaujins DDNS paslaugą taip, kad paslauga priskirs naują IP mūsų domenui. Pirmiausia užregistruokite paskyrą ir nemokamą domeno pavadinimą, pvz., Myname.boxip.net, adresu https://boxip.net čia naudokite pavadinimą
Tada nukopijuokite nuorodos wget nustatymų puslapyje, kad pakeistumėte jį ESP8266 kodu. ESP8266 pagal nutylėjimą kas 5 minutes iškvies DDNS serverį atnaujinti IP. Dabar pabandykite https://han.boxip.net ir mėgaukitės rezultatais: P
6 veiksmas: nurodykite vaizdo įrašą vietnamiečių kalba
Jei jums tai įdomu ir naudinga, nepamirškite užsiprenumeruoti kanalo, kad gautumėte daugiau vaizdo įrašų
7 žingsnis: Straipsnis mane įkvėpė
www.instructables.com/id/How-to-Build-a-ES…
Jis turi išsamias instrukcijas, kaip sukurti žiniatinklio serverį. Tačiau svetainė yra paprasta ir veikia tik vietoje. Patobulinau jį kaip asmeninį tinklaraštį, kurį galima peržiūrėti internete
Rekomenduojamas:
Valdykite namų šviesas naudodami „Google“padėjėją naudodami „Arduino“: 7 žingsniai
Valdykite namų apšvietimą naudodami „Google“padėjėją naudojant „Arduino“: (Atnaujinta 2020 m. Rugpjūčio 22 d.: Šis nurodymas yra 2 metų amžiaus ir priklauso nuo kai kurių trečiųjų šalių programų. Dėl bet kokių jų pakeitimų šis projektas gali neveikti. Gali būti, kad ne. dirbkite dabar, bet galite sekti jį kaip nuorodą ir keisti pagal
Sukurkite „WiFi“šilumos žemėlapį naudodami ESP8266 ir „Arduino“: 5 žingsniai
Sukurkite „WiFi“šilumos žemėlapį naudodami ESP8266 ir „Arduino“: apžvalga Šioje pamokoje mes sudarysime aplinkinių „Wi-Fi“signalų šilumos žemėlapį, naudodami „Arduino“ir ESP8266. Ką sužinosite Įvadas į „WiFi“signalus Kaip aptikti konkrečius signalus naudojant ESP8266 naudojant „Arduino“ir TFT ekraną
Kaip sukurti tinklaraštį „Blogger“: 9 žingsniai
Kaip sukurti tinklaraštį „Blogger“: jei turite nuomonę, kuria norite pasidalyti, tinklaraštis jums tinka! Jei niekada neturėjote tinklaraščio, aš tinkinu tinklaraštininkui, ką norite naudoti. Šiame vadove Aš išmoksiu, kaip sukurti tinklaraštį „Blogger“paslaugoje
Fotografuokite ir siųskite vaizdus naudodami ESP32-Cam naudodami ESP8266 „WeMos D1 R1“„Wifi“procesorių su „Uno“: 7 žingsniai
Fotografuokite ir siųskite vaizdus naudodami ESP32-Cam naudodami ESP8266 „WeMos D1 R1“„Wi-Fi“procesorių su „Uno“: fiksuokite vaizdą naudodami „ESP32-Cam“(OV2640) naudodami „ESP8266 WeMos D1 R1 WiFI“procesorių su „Uno“ir nusiųskite jį el. Paštu, išsaugokite „Google“diske ir išsiųskite į „Whatsapp“naudojant „Twilio“. Reikalavimai: ESP8266 „WeMos D1 R1“„WiFI“procesorius su „Uno“(https: // protosupplies
Kaip priglobti savo „Wordpress“tinklaraštį: 6 žingsniai
Kaip priglobti savo „Wordpress“tinklaraštį: įdiegę „Wordpress“savo serveryje, galėsite geriau valdyti savo tinklaraštį. Šis „Instructable“yra žingsnis po žingsnio vadovas, kaip tai padaryti, visiškai nemokamas ir nereikia jokių kodavimo įgūdžių