Controle seu mundo eletrônico pela Internet: 16 etapas

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

Seguindo as instruções, você será capaz de LIGAR e DESLIGAR um LED de qualquer lugar do mundo. Leia todas as instruções cuidadosamente e siga as etapas uma por uma. Depois de estudar este instrutível, você será capaz de usar esse conhecimento em várias aplicações, como sistemas de automação residencial, projetos IOT com suas habilidades inovadoras.

Etapa 1: Materiais

1. Um computador

2. Um roteador com conexão ativa à Internet que está conectado ao seu computador.

3. Um arduino (estou usando um arduino UNO.)

4. Um smartphone ou outro pc com dados móveis ou outra rede de internet

Etapa 2: verifique seu IP

Em primeiro lugar, é importante descobrir se você tem um ip público ou não. Porque se você não tiver um ip público, não poderá acessar seu computador de fora. Isso significa que se você tiver um ip público, você tem um endereço da internet mundial. Você pode verificar isso entrando em contato com seu provedor de serviços de Internet. Eu também não tinha um ip público, mas depois de entrar em contato com meu ISP, eles me deram um ip público gratuitamente. Encontre mais sobre endereços de ip aqui.

Você pode descobrir o endereço IP atual do seu dispositivo simplesmente digitando "Qual é o meu ip" no google.

Etapa 3: converta seu PC em um servidor usando o XAMPP

Você precisa converter seu pc em um servidor para acessá-lo da internet. "Apache" é o software que é usado para converter um pc em um servidor. Mas há muitas coisas para configurar se você usar apenas o "Apache". Portanto, existem aplicativos de terceiros para fazer este trabalho sem esforço. "XAMPP" é um deles. Você pode baixá-lo e instalá-lo aqui. Versões para Windows, Linux e Mac estão disponíveis.

Etapa 4: Abra o XAMPP

Vá para o drive onde você instalou o XAMPP. Encontre a pasta chamada "xampp" e dentro dela você encontrará um aplicativo chamado "xampp-control". Abra-o. Depois de abri-lo, ele se parecerá com a imagem acima.

Etapa 5: verifique o XAMPP

Após abrir o XAMPP, clique no botão iniciar que está dentro da linha chamada "Apache". Em seguida, abra o navegador e digite "localhost" na barra de endereços. Se você instalou o XAMPP com sucesso, será direcionado para a página padrão do xampp que é mostrada em a segunda imagem.

Etapa 6: programar o Arduino

Carregue este programa no arduino para ligar e desligar o LED onboard pela porta serial, enviando os caracteres "H" e "L". "H" para o LED e "L" para desligar o LED.

Etapa 7: Construindo a página da web

Para fazer este trabalho, usamos HTML, AJAX e PHP. Vou explicar o uso dessas três linguagens brevemente. Você pode encontrar mais informações usando os links abaixo. Basicamente, o HTML é usado para criar páginas da web. Ele contém as coisas que serão exibidas nas páginas da web após carregá-lo no navegador. AJAX é usado para enviar solicitações PHP sem recarregar a página da web. O PHP é usado para controlar o comportamento do servidor para controlar o LED.

1. Encontre mais sobre HTML aqui.

2. Encontre mais sobre AJAX aqui.

3. Encontre mais sobre PHP aqui.

Primeiro crie uma pasta com qualquer nome desejado dentro da pasta chamada "htdocs" onde na pasta "xampp" que encontramos anteriormente na etapa 4.

1. Escreva o código da primeira imagem em um arquivo de bloco de notas e salve-o como "index.html" na pasta que criamos.

2. Escreva o código da segunda imagem em um arquivo de bloco de notas e salve-o como "ledoff.php" na pasta que criamos.

3. Escreva o código da terceira imagem em um arquivo de bloco de notas e salve-o como "ledon.php" na pasta que criamos.

Etapa 8: Mudando o Comport

Você tem que mudar o comportamento do seu arduino nos scripts PHP. Se não carregará a página da web, mas o LED não funcionaria. Encontre o número comport do seu arduino no Arduino IDE ou no gerenciador de dispositivos em seu sistema operacional. os arquivos "ledoff.php" e "ledon.php" conforme mencionado nas imagens acima. De acordo com meu pc, é com7.

Etapa 9: torne sua página da web visível

Como você verificou na etapa 5, após fazer login em seu servidor usando "localhost", você verá que ele está direcionando para a página da web padrão do XAMPP. Então, como podemos fazer login em nossa página da web? Digite o nome da pasta onde você salvou os arquivos HTML e PHP na barra de endereços do navegador como este.

localhost / "nome da sua pasta"

Na minha opinião, o nome da minha pasta é "serialportcontrol". O método de digitação na barra de endereços do navegador é mencionado na primeira imagem.

Depois de clicar em Enter, você verá a página da Web acima mencionada na segunda imagem.

Ao clicar nos botões "LED ON" e "LED OFF" você poderá ligar e desligar o biult no LED do arduino usando uma página da web. Você pode controlar o LED também conectando um outro pc ou smartphone ao mesmo roteador e logando o mesmo endereço da web que usamos primeiro na rede de área local.

Etapa 10: Alterar o número da porta de nosso servidor XAMPP

OK, agora sabemos que nosso sistema funciona bem em nossa rede local. Portanto, esta é a parte mais interessante em nosso trabalho. Primeiro de tudo, precisamos alterar o número da porta de nosso servidor XAMPP. Porque a porta padrão do servidor XAMPP é 80.

(A porta significa que é como o número de uma casa em uma via, conforme mencionado no endereço residencial. A via é o ip público do seu pc. O número da casa é o número da porta. Seu pc tem um endereço IP e várias portas são usadas em seu pc para se comunicar com cada tarefa, como se você usar o servidor XAMPP duas vezes para fazer dois trabalhos no mesmo computador, você precisa usar dois números de porta para cada servidor XAMPP.)

80 é o número da porta padrão para HTTP. Quando você digita "localhost" na barra de endereço do navegador, o navegador adiciona automaticamente esse número de porta ao final do endereço da web, embora você não possa vê-lo. Parece que não importa. Então, por que precisa ser alterado o número da porta?

Porque todos os roteadores usam seu número de porta padrão como 80. Quando você se conecta ao seu servidor da Internet, se você não alterar o número da porta, você se conectará diretamente à página da Web padrão do roteador sem se conectar ao seu servidor. Acima das imagens, guiá-lo para alterar o número da porta do seu servidor XAMPP. Estou usando 1997 como meu número da porta. Certifique-se de parar o servidor APACHE no XAMPP antes de alterar o número da porta. Depois de alterar o número da porta, inicie o servidor APACHE.

Etapa 11: Verificar o número da porta alterado

Digite seu novo endereço da web de host local para verificar se sua porta está funcionando ou não. Para mim é

localhost: 1997 / "nome da sua pasta"

Se você estiver logando com sucesso em nossa página da web, isso significa que a mudança de IDs de sua porta foi bem-sucedida. Caso contrário, tente um outro número de porta.

Etapa 12: Configurando o Roteador

Agora é hora de brincar com seu roteador. O encaminhamento de porta é o método usado para abrir portas específicas para o próximo nível de rede, o que significa que permite que alguém se conecte ao seu servidor a partir da Internet. Você pode encontrar mais informações sobre encaminhamento de porta aqui e aqui. As configurações do seu roteador são mostradas nas etapas a seguir.

Estou usando um roteador HUAWEI E5172 4G. Portanto, essas configurações são referidas ao meu roteador. Diferentes fabricantes fornecem diferentes interfaces de usuário para roteadores. Mas os recursos são os mesmos em qualquer tipo de roteador. Você pode descobrir como encaminhar a porta de um roteador de muitas marcas e modelos diferentes aqui.

Não desanime se você não conseguir encontrar as funções mencionadas nas etapas abaixo. Com a leitura das descrições e seguindo alguns guias de vídeo de diferentes marcas de roteadores, você poderá configurá-lo com êxito.

Etapa 13: Definição das configurações de DHCP

Quando você se conecta a um roteador por WiFi ou Ethernet, o roteador fornece um ip específico automaticamente. Mas se estiver conectando mais dispositivos ao mesmo roteador repetidamente, esse ip pode ser alterado. Só dura até você reiniciar o servidor. Portanto, você deve reservar um endereço IP específico do roteador para o seu servidor. Vamos começar descobrindo qual é o seu endereço IP local.

1. Abra o CMD, digite "ipconfig" e pressione Enter….

2. Conforme mencionado na segunda imagem, você encontrará o endereço ipv4 local e o gateway padrão do seu servidor….

3. Conforme mencionado na terceira imagem, faça login no seu roteador usando a senha e o nome de usuário. O gateway padrão é o ip do seu roteador (para mim, é 192.168.1.1 conforme mencionado na terceira imagem)…..

4. Encontre "Configurações de DHCP" em seu roteador. Está em LAN no meu roteador, conforme mencionado na quarta imagem.

5. Vá para "Lista de endereços agrupada"> "editar lista"> "Adicionar" de acordo com meu roteador.

6. Em seguida, você pode ver todos os endereços IP dos dispositivos que estão conectados ao seu roteador automaticamente em um menu suspenso. Eu conectei meu pc e telefone ao roteador, então aqui você pode ver dois endereços IP conforme mencionado na oitava (8ª) imagem.

7. Selecione o ip do seu servidor, então "enviar" e "aplicar" as configurações.

8. Em seguida, leva alguns minutos para reiniciar o roteador (de acordo com o meu).

Depois disso, seu servidor receberá um mesmo ip específico sempre que você reiniciar o pc.

Você pode encontrar um guia de vídeo para um roteador TP-LINK aqui.

Etapa 14: Definir as configurações de "encaminhamento de porta"

Agora é hora de abrir a porta do servidor para a Internet pública.

1. Vá para "segurança"> "nível de firewall" conforme mencionado na primeira imagem.

2. Em seguida, coloque o nível do firewall em "Baixo" usando o menu suspenso conforme mencionado na segunda imagem.

3. Em seguida, clique em "enviar" para salvar as configurações conforme mencionado na terceira imagem.

4. Em seguida, vá para "encaminhamento de porta"> "Adicionar item" conforme mencionado na quarta imagem.

5. Adicione os dados conforme configuramos antes e conforme mencionado na quinta imagem.

Tipo: personalizado

protocolo: TCP

Hospedeiro remoto: ……………

Faixa de porta remota: 1997

Host local: 192.168.1.3

Porto local: 1997

6. Em seguida, clique em "enviar" para salvar as configurações.

Você pode encontrar guias de vídeo para um roteador TP-LINK e um roteador D-LINK aqui e aqui.

Etapa 15: Teste

Agora é hora de verificar nosso sistema. Você deve usar um dispositivo com uma rede fora da conexão do roteador. Aqui estou usando dados móveis do meu smartphone. Em primeiro lugar, você deve descobrir o endereço IP público do seu pc.

1. Basta digitar no google "What's my ip" conforme mencionado na primeira imagem.

2. Em seguida, anote o endereço IP.

Então é hora de verificar em outro dispositivo móvel.

1. Coloque os dados móveis "ligados" em seu smartphone.

2. Em seguida, abra o navegador. Estou usando o google chrome.

3. Digite o ip público do seu pc no navegador do seu celular, conforme mencionado na terceira imagem, assim.

"ip público": "número da porta" / "nome da pasta"

Segundo mim> ip público: 111.223.xx.xx

número da porta: 1997

"nome da pasta": meusprogramas / controle de porta serial / projeto bem-sucedido (ajax)

Em seguida, pressione Enter no seu smartphone. Em seguida, você poderá controlar o LED integrado do Arduino de qualquer lugar do mundo clicando nos botões "LED ON" e "LED OFF".

Etapa 16: Pensamento inovador, mais esforço, mais criações

Então eu acho que fui capaz de te dar um bom instrutível. Agora, basicamente você pode controlar um arduino remotamente pela internet. Usando seu pensamento inovador e capacidade de aprender com a Internet, você pode criar robôs, sistemas de automação residencial que podem controlar a Internet de qualquer lugar do mundo. Se você usar essa tecnologia para boas ações, poderá tornar este mundo muito melhor para todos nós. Obrigado!…

Para qualquer tipo de problema relacionado a este, envie-me um email ou envie uma massagem no fórum instrutível.

meu e-mail: [email protected]