Faça um blog com Esp8266: 7 etapas

2024 Autor: John Day | [email protected]. Última modificação: 2024-01-30 11:38

Se o seu blog for simples e o tráfego estiver normal, vou orientá-lo a usar o esp8266 como servidor de blog. Um ano custa $ 1 eletricidade:)

E o resultado você terá um site como este:

Etapa 1: Web Design

Isso depende de todos. Eu uso o Google Doc para fazer uma introdução sobre mim e, em seguida, salvá-la no meu computador em formato html. Mas no tutorial de hoje, baixei um modelo disponível online rapidamente (https://www.w3schools.com/w3css/w3css_templates.asp). Existem apenas alguns detalhes a serem observados:

• As fotos devem ser enviadas para um determinado host e, em seguida, levar o link de volta para o arquivo html (eu uso o photobucket temporário)
• As bibliotecas js, css normalmente terão cdn. Use cdn em vez de salvar diretamente no esp8266.
• Por exemplo, terei apenas uma página inicial para me apresentar para que você possa desenvolver mais:)

E este é o resultado ao abrir o arquivo html no computador:

Etapa 2: Converter arquivo Html em arquivo H

Abra o arquivo html (css, js) acima. Então você copia o conteúdo. Vá para https://hs2t.com/tools/html2CString Cole o conteúdo na primeira caixa e pressione Converter. Copie o conteúdo da segunda caixa:) coloque no arquivo.h

Etapa 3: Código Esp8266 (usando Arduino)

Baixe e edite o código abaixo:

• Mude o wi-fi da sua casa
• Altere o ip estático para as configurações do modem (você deve atribuir um ip fixo para facilitar a abertura da porta para a internet)
• Para a seção ddns, explicarei mais na atribuição de nomes de domínio gratuitamente!

Ok, depois de carregar o código, vá para o teste de IP local (por exemplo, 192.168.1.24) para ver se o site está ok: D

Etapa 4: Porta NAT

Isso depende do seu modem, por exemplo, do seu modem. Minha casa usa um modem gw040

Quando a porta for concluída, você pode acessar nosso blog da Internet usando o endereço IP (por exemplo, https://123.123.123.123). Sua.

Observação:

• Alguns modems abrem a porta, então ver a web por IP público com a rede não é possível, mas fora da rede, a visualização normal está bem.
• Se você usar o transmissor 3G para o nível de rede para ESP8266, ele não funcionará fora da Internet:)

Etapa 5: DDNS

Como nosso ip é dinâmico, precisamos usar o serviço DDNS. Qual é o nome de um nome de domínio associado ao seu ip doméstico? Quando o seu IP residencial mudar, ele atualizará o serviço DDNS para que o serviço atribua um novo IP ao nosso domínio. Primeiro, você registra uma conta e um nome de domínio gratuito como meunome.boxip.net em https://boxip.net aqui I use o nome

Em seguida, copie o link wget na página de configurações para substituí-lo pelo código ESP8266. O padrão ESP8266 a cada 5 minutos irá chamar o servidor DDNS para atualizar o IP. Agora tente https://han.boxip.net e aproveite os resultados: P

Etapa 6: Vídeo Instruc em vietnamita

Se você achar interessante e útil, lembre-se de se inscrever no canal para receber mais vídeos

Etapa 7: O artigo me inspirou

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

Ele tem instruções detalhadas sobre como criar um servidor web. Mas o site é simples e só funciona localmente. Eu melhorei para ser um blog pessoal que pode ser visto na internet