Sommario:
- Passaggio 1: progettazione Web
- Passaggio 2: converti file HTML in file H
- Passaggio 3: codice Esp8266 (usando Arduino)
- Passaggio 4: porta NAT
- Passaggio 5: DDNS
- Passaggio 6: video di istruzioni in vietnamita
- Passaggio 7: l'articolo mi ha ispirato
Video: Crea un blog con Esp8266: 7 passaggi
2024 Autore: John Day | [email protected]. Ultima modifica: 2024-01-30 10:03
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
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
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
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:
Crea un classificatore Pi Trash con ML!: 8 passaggi (con immagini)
Crea un classificatore Pi Trash con ML!: Il progetto Trash Classifier, affettuosamente noto come "Dove va?!", è progettato per rendere più veloce e affidabile lo smaltimento delle cose. Questo progetto utilizza un modello di Machine Learning (ML) addestrato in Lobe, un principiante (nessun codice!)
Crea il tuo termostato di riscaldamento connesso e risparmia con il riscaldamento: 53 passaggi (con immagini)
Crea il tuo termostato di riscaldamento connesso e risparmia con il riscaldamento: qual è lo scopo? Aumenta il comfort riscaldando la tua casa esattamente come vuoi Risparmia e riduci le emissioni di gas serra riscaldando la tua casa solo quando ne hai bisogno Mantieni il controllo sul riscaldamento ovunque tu sia Sii orgoglioso di averlo fatto y
Crea il tuo orologio Nixie retrò con un RTC!: 7 passaggi (con immagini)
Crea il tuo orologio Nixie retrò con un RTC!: In questo progetto ti mostrerò come creare un orologio Nixie retrò. Ciò significa che ti mostrerò come puoi controllare i tubi nixie con un alimentatore CC ad alta tensione e poi combinerò 4 tubi nixie con un Arduino, un orologio in tempo reale (RTC) e un cu
Crea la tua illuminazione ambientale con Raspberry Pi Zero: 5 passaggi (con immagini)
Crea la tua illuminazione ambientale con il Raspberry Pi Zero: in questo progetto ti mostrerò come combinare un Raspberry Pi Zero con un paio di parti complementari per aggiungere un effetto di illuminazione ambientale alla tua TV che migliora l'esperienza visiva. Iniziamo
Crea il tuo VU Meter con LED Sign: 4 passaggi (con immagini)
Crea la tua insegna a LED VU Meter: in questo progetto ti mostrerò come creare un'insegna a LED personalizzata che reagisca al volume della tua musica, proprio come fa un VU meter. Iniziamo