Sommario:

Crea un blog con Esp8266: 7 passaggi
Crea un blog con Esp8266: 7 passaggi

Video: Crea un blog con Esp8266: 7 passaggi

Video: Crea un blog con Esp8266: 7 passaggi
Video: Contatore iscritti YT e Orologio IoT con ESP8266 - Speciale 10k subs 2024, Novembre
Anonim
Crea un blog con Esp8266
Crea un blog con Esp8266

Se il tuo blog è semplice e il traffico è normale, ti guiderò a utilizzare esp8266 come server di blog. Un anno costa $ 1 di elettricità:)

E il risultato avrai un sito web come questo:

Passaggio 1: progettazione Web

Web design
Web design

Questo dipende da tutti. Uso Google doc per fare una presentazione su di me e poi salvarla sul mio computer in formato html. Ma nel tutorial di oggi, ho scaricato un modello disponibile online per un veloce (https://www.w3schools.com/w3css/w3css_templates.asp) Ci sono solo alcuni dettagli da notare:

  • Le foto dovrebbero essere caricate su un determinato host e quindi riportare il collegamento al file html (uso photobucket temporaneo)
  • Le librerie js, css normalmente avranno cdn. Usa cdn invece di salvare direttamente su esp8266.
  • Ad esempio, avrò solo una home page per presentarmi in modo da poter sviluppare di più:)

E questo è il risultato quando si apre il file html sul computer:

Passaggio 2: converti file HTML in file H

Apri il file html (css, js) appena ottenuto sopra. Quindi copi il contenuto. Vai su https://hs2t.com/tools/html2CString Incolla il contenuto nella prima casella e poi premi Converti. Copia il contenuto nella seconda casella:) metti nel file.h

Passaggio 3: codice Esp8266 (usando Arduino)

Scarica e modifica il codice qui sotto:

  • Cambia il tuo wifi di casa
  • Cambia l'ip statico alle impostazioni del modem (devi assegnare un ip fisso per facilitare l'apertura della porta verso internet)
  • Per la sezione ddns, spiegherò di più nell'assegnazione del nome di dominio gratis!

Ok, dopo aver caricato il codice, vai al suo test IP locale (ad esempio, 192.168.1.24) per vedere che il sito web è ok: D

Passaggio 4: porta NAT

Porta NAT
Porta NAT

Questo dipende dal tuo modem, ad esempio dal tuo modem. La mia casa usa un modem gw040

Al termine della porta, puoi accedere al nostro blog da Internet utilizzando l'indirizzo IP (ad es. https://123.123.123.123). il vostro.

Nota:

  • Alcuni modem aprono la porta, quindi vedere il web tramite IP pubblico con la rete non è possibile, ma fuori dalla rete, la visualizzazione normale va bene.
  • Se utilizzi il trasmettitore 3G a livello di rete per ESP8266, non funzionerà al di fuori di Internet:)

Passaggio 5: DDNS

DDNS
DDNS

Poiché il nostro IP è dinamico, dobbiamo utilizzare il servizio DDNS. Qual è il nome di un nome di dominio associato al tuo IP di casa? Quando il tuo IP di casa cambia, aggiornerà il servizio DDNS in modo che il servizio assegni un nuovo IP al nostro dominio. Per prima cosa registri un account e un nome di dominio gratuito come mionome.boxip.net su https://boxip.net qui I usa il nome

Quindi copia il collegamento wget nella pagina delle impostazioni per sostituirlo con il codice ESP8266. L'impostazione predefinita di ESP8266 ogni 5 minuti richiamerà il server DDNS per aggiornare l'IP. Ora prova https://han.boxip.net e goditi i risultati: P

Passaggio 6: video di istruzioni in vietnamita

Se lo trovi interessante e utile, ricordati di iscriverti al canale per ricevere altri video

Passaggio 7: l'articolo mi ha ispirato

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

Ha istruzioni dettagliate su come creare un server web. Ma il sito web è semplice e funziona solo localmente. L'ho migliorato per renderlo un blog personale che può essere visualizzato su Internet

Consigliato: