Innehållsförteckning:
- Steg 1: Webbdesign
- Steg 2: Konvertera HTML -fil till H -fil
- Steg 3: Esp8266 -kod (med Arduino)
- Steg 4: NAT -port
- Steg 5: DDNS
- Steg 6: Instruk video på vietnamesiska
- Steg 7: Artikeln inspirerade mig
Video: Gör en blogg med Esp8266: 7 steg
2024 Författare: John Day | [email protected]. Senast ändrad: 2024-01-30 12:45
Om din blogg är enkel och trafiken är normal kommer jag att guida dig att använda esp8266 som en bloggserver. Ett år kostar $ 1 el:)
Och resultatet kommer att ha en webbplats som denna:
Steg 1: Webbdesign
Detta är upp till alla. Jag använder Google doc för att göra en introduktion om mig själv och sedan spara den på min dator i html -format. Men i dagens handledning laddade jag ner en mall som är tillgänglig online för snabbt (https://www.w3schools.com/w3css/w3css_templates.asp) Det finns bara några få detaljer att notera:
- Bilder ska laddas upp till en viss värd och sedan ta tillbaka länken till html -filen (jag använder tillfällig fotobucket)
- Js, css -biblioteken har normalt cdn. Använd cdn istället för att spara direkt till esp8266.
- Till exempel kommer jag bara att ha en hemsida att presentera mig så att du kan utveckla mer:)
Och detta är resultatet när du öppnar HTML -filen på datorn:
Steg 2: Konvertera HTML -fil till H -fil
Öppna html -filen (css, js) precis ovan. Sedan kopierar du innehållet. Gå till https://hs2t.com/tools/html2CString Klistra in innehållet i den första rutan och tryck sedan på Konvertera. Kopiera innehållet i den andra rutan:) lägg i.h -filen
Steg 3: Esp8266 -kod (med Arduino)
Ladda ner och redigera koden nedan:
- Byt ditt hem wifi
- Ändra statisk ip till modemets inställningar (du måste tilldela en fast ip för att göra det lättare att öppna porten till internet)
- För ddns -avsnitt kommer jag att förklara mer i domännamnsuppdraget gratis!
Ok, när du har laddat koden går du till dess lokala IP -test (till exempel 192.168.1.24) för att se att webbplatsen är ok: D
Steg 4: NAT -port
Detta beror på ditt modem, till exempel på ditt modem. Mitt hem använder ett modem av gw040
När porten är klar kan du gå till vår blogg från internet med hjälp av IP -adressen (t.ex. https://123.123.123.123). din.
Notera:
- Några modem öppnar porten och ser sedan webben med offentlig IP med nätverket är inte möjligt, men från nätverket är den normala vyn okej.
- Om du använder 3G -sändare till nätverksnivå för ESP8266 fungerar det inte utanför internet:)
Steg 5: DDNS
Eftersom vår ip är dynamisk måste vi använda DDNS -tjänsten. Vad heter ett domännamn som är associerat med din hem -IP? När din hem -IP ändras kommer den att uppdatera DDNS -tjänsten så att tjänsten tilldelar en ny IP till vår domän. Först registrerar du ett konto och ett gratis domännamn som myname.boxip.net på https://boxip.net här I använd namnet
Kopiera sedan länken wget på inställningssidan för att ersätta den med ESP8266 -koden. ESP8266 standard var 5: e minut kommer att ringa upp DDNS -servern för att uppdatera IP. Försök nu https://han.boxip.net och njut av resultatet: P
Steg 6: Instruk video på vietnamesiska
Om du tycker att det är intressant och användbart, kom ihåg att prenumerera på kanalen för att få fler videor
Steg 7: Artikeln inspirerade mig
www.instructables.com/id/How-to-Build-a-ES…
Han har detaljerade instruktioner om hur man skapar en webbserver. Men webbplatsen är enkel och fungerar bara lokalt. Jag har förbättrat det till att vara en personlig blogg som kan ses på internet
Rekommenderad:
Gör så här: Gör ett fantastiskt mästerverk i Animal Jam! (OBS: UPPDATERAD 2020): 3 steg
Gör så här: Gör ett fantastiskt mästerverk i Animal Jam! (OBS: UPPDATERAD 2020): Animal jam är en virtuell värld om djur. Du kan köpa djur med pärlor eller diamanter och anpassa dem med kläder du köper i virtuella butiker! Jag spelar aldrig riktigt " spelar " Animal Jam, jag gillar bara att göra mästerverk! Idag ska jag visa er
Hur man skapar en blogg i Blogger: 9 steg
Hur man skapar en blogg i Blogger: Om du har en åsikt som du vill dela, är en blogg rätt för dig! Om du aldrig har en blogg tidigare tror jag att blogger är vad du vill använda. I den här självstudien Jag kommer att lära dig hur du skapar en blogg i Blogger -tjänsten
Skapa en blogg med Blogger.com: 19 steg
Skapa en blogg med Blogger.com: Följande instruktioner visar hur du skapar en blogg med Blogger.com. Du behöver en e -postadress från Google för att kunna använda Blogger.com
Hur man gör en drönare med Arduino UNO - Gör en quadcopter med mikrokontroller: 8 steg (med bilder)
Hur man gör en drönare med Arduino UNO | Gör en Quadcopter Med Microcontroller: Introduktion Besök min Youtube -kanal En Drone är en mycket dyr gadget (produkt) att köpa. I det här inlägget ska jag diskutera, hur gör jag det billigt ?? Och hur kan du göra din egen så här till billigt pris … Tja i Indien alla material (motorer, ESC
Hur du är värd för din egen Wordpress -blogg: 6 steg
Hur du är värd för din egen Wordpress -blogg: Installera Wordpress på din egen server ger dig mer kontroll över din blogg. Denna instruerbara är en steg-för-steg-guide om hur du gör det, helt gratis och inga kodningskunskaper krävs