Taula de continguts:
- Pas 1: Disseny web
- Pas 2: converteix el fitxer HTML en fitxer H
- Pas 3: Codi Esp8266 (mitjançant Arduino)
- Pas 4: port NAT
- Pas 5: DDNS
- Pas 6: instal·leu el vídeo en vietnamita
- Pas 7: l'article m'ha inspirat
Vídeo: Feu un bloc amb Esp8266: 7 passos
2024 Autora: John Day | [email protected]. Última modificació: 2024-01-30 08:14
Si el vostre bloc és senzill i el trànsit és normal, us guiaré a fer servir esp8266 com a servidor de blocs. Un any costa 1 $ d'electricitat:)
I el resultat tindreu un lloc web com aquest:
Pas 1: Disseny web
Això depèn de tothom. Utilitzo Google doc per fer una introducció sobre mi mateix i després el deso al meu ordinador en format html. Però al tutorial d’avui he descarregat una plantilla disponible en línia de manera ràpida (https://www.w3schools.com/w3css/w3css_templates.asp) Només hi ha alguns detalls a tenir en compte:
- Les fotos s’han de penjar a un amfitrió determinat i després han de tornar a recuperar l’enllaç al fitxer html (faig servir photobucket temporal)
- Les biblioteques js, css normalment tindran cdn. Utilitzeu cdn en lloc de desar directament a esp8266.
- Per exemple, només tindré una pàgina d'inici per presentar-me perquè pugueu desenvolupar-ne més:)
I aquest és el resultat en obrir el fitxer html a l'ordinador:
Pas 2: converteix el fitxer HTML en fitxer H
Obriu el fitxer html (css, js) que s'acaba de mostrar. Després copieu el contingut. Aneu a https://hs2t.com/tools/html2CString Enganxeu el contingut al primer quadre i premeu Converteix. Copieu el contingut al segon quadre:) poseu-lo al fitxer.h
Pas 3: Codi Esp8266 (mitjançant Arduino)
Baixeu-vos i editeu el codi següent:
- Canvieu el wifi de casa
- Canvieu la IP estàtica a la configuració del mòdem (heu d'assignar una ip fixa per facilitar l'obertura del port a Internet)
- Per a la secció ddns, explicaré més a l'assignació de noms de domini gratuïtament.
D’acord, després de carregar el codi, aneu a la prova d’IP local (per exemple, 192.168.1.24) per veure que el lloc web està bé: D
Pas 4: port NAT
Això depèn del vostre mòdem, per exemple, del vostre mòdem. La meva casa utilitza un mòdem de gw040
Quan finalitzeu el port, podeu anar al nostre bloc des d'Internet mitjançant l'adreça IP (per exemple, https://123.123.123.123). vostre.
Nota:
- Alguns mòdems obren el port i, a continuació, no es poden veure la web per IP pública amb la xarxa, però fora de la xarxa, la visualització normal està bé.
- Si utilitzeu un transmissor 3G a nivell de xarxa per a ESP8266, no funcionarà fora d'Internet:)
Pas 5: DDNS
Com que la nostra IP és dinàmica, hem d’utilitzar el servei DDNS. Quin és el nom d'un nom de domini associat amb la vostra IP de casa? Quan canviï l’IP de casa, actualitzarà el servei DDNS perquè el servei assigni una nova IP al nostre domini. Primer registreu un compte i un nom de domini gratuït com myname.boxip.net a https://boxip.net aquí I utilitzeu el nom
A continuació, copieu l'enllaç wget a la pàgina de configuració per substituir-lo pel codi ESP8266. L'ESP8266 per defecte cada 5 minuts cridarà al servidor DDNS per actualitzar IP. Ara proveu https://han.boxip.net i gaudiu dels resultats: P
Pas 6: instal·leu el vídeo en vietnamita
Si ho trobeu interessant i útil, recordeu-vos subscriure-us al canal per rebre més vídeos
Pas 7: l'article m'ha inspirat
www.instructables.com/id/How-to-Build-a-ES…
Té instruccions detallades sobre com crear un servidor web. Però el lloc web és senzill i només funciona localment. L’he millorat per ser un bloc personal que es pot veure a Internet
Recomanat:
Com fer un dron amb Arduino UNO - Feu un Quadcopter amb microcontrolador: 8 passos (amb imatges)
Com fer un dron amb Arduino UNO | Feu un Quadcopter amb microcontrolador: Introducció Visiteu el meu canal de YouTube Un drone és un gadget (producte) molt car de comprar. En aquest post vaig a discutir, com ho faig a bon preu ?? I com pots fer-ho així a un preu barat … Bé, a l'Índia tots els materials (motors, ESC
Feu que el vostre ordinador parli el que escriviu mitjançant el bloc de notes: 3 passos
Feu que el vostre ordinador parli el que escriviu mitjançant el bloc de notes: aquí teniu un codi interessant creat per fer que el vostre ordinador parli el que escriviu. Utilitzarem el bloc de notes per crear-lo. Comencem
Feu un Madlib amb el bloc de notes: 6 passos
Feu un Madlib amb el bloc de notes: aquest instructiu us ensenyarà a fer un madlib amb el bloc de notes
Feu que el vostre Windows llegeixi els fitxers escrits al bloc de notes !: 3 passos
Feu que els vostres Windows llegeixin fitxers escrits al bloc de notes! Ho vaig fer instructiu en resposta a una petició d'un instructiu anterior que vaig fer que el vostre Windows XP parli
Feu fotografies macros increïbles amb qualsevol càmera del telèfon amb càmera Especialment amb un iPhone: 6 passos
Feu fotografies macros increïbles amb qualsevol càmera del telèfon amb càmera … Sobretot amb un iPhone: Mai heu volgut obtenir una d'aquestes increïbles fotografies de prop … la que diu … WOW!? … amb una càmera de telèfon amb càmera !? Bàsicament, es tracta d'un complement d'augment per a qualsevol càmera del telèfon amb càmera per augmentar l'objectiu de la càmera existent i treure's una