Botão IoT que controla seu aplicativo: 6 etapas

2025 Autor: John Day | [email protected]. Última modificação: 2025-01-23 15:03

Por appshedAppShedFollow Mais do autor:

Sobre: Appshed é uma plataforma educacional onde alunos e professores podem aprender criação de aplicativos, criação de jogos e IoT / robótica. Mais sobre appshed »

Uma das coisas que mais gosto nos microcontroladores é a capacidade de usá-los como um dispositivo de entrada, por exemplo, o Arduino Micro pode ser usado como um HID (dispositivo de interface humana), o que significa que com alguma codificação e conhecimento você pode fazer seu próprio teclado ou mouse de um Arduino! Isso me fez pensar sobre o uso de um dispositivo IoT como uma entrada para controlar as coisas em um aplicativo. Portanto, neste projeto, vamos dar uma olhada em como fazer um botão de aplicativo conectado que pode ser programado para fazer praticamente qualquer coisa em nosso aplicativo.

Etapa 1: Instalando as Bibliotecas

Para fazer upload de nosso código, usaremos o IDE Arduino muito popular, que pode ser baixado aqui. Agora, como usaremos o site AppShed para controlar e editar a forma como a placa funciona, não precisamos nos concentrar no código real que vai para a placa. O código que estamos enviando é o esboço mestre do AppShed, que permite ao site controlar todos os pinos da placa.

Agora, para poder fazer o upload do código para nossa placa por meio do IDE do Arduino, precisamos instalar sua biblioteca, que permite que o IDE converse com nossa placa específica. Isto se faz do seguinte modo:

• Inicie o IDE Arduino
• Navegue até Arquivo e clique em Preferências
• Na parte inferior, você deve ver "URLs adicionais do gerenciador de fóruns" seguidos por um espaço em branco
• Copie e cole no espaço em branco

Agora precisamos instalar as placas sob o gerenciador de placas.

• Navegue até Ferramentas, Quadro e clique em Gerenciador de Quadro
• Agora, na barra de pesquisa, procure ESP8266
• Clique na primeira opção e clique em Instalar

Agora nossa placa é capaz de se comunicar com o IDE do Arduino

Etapa 2: enviando o código

Portanto, neste ponto, baixamos as bibliotecas necessárias para ajudar o IDE do Arduino a se comunicar com nossa placa IoT e baixamos as bibliotecas que permitem que o esboço mestre do AppShed seja executado. Agora, tudo o que precisamos fazer é alterar o nome e a senha do seu dispositivo IoT no código. Se você não fizer isso, o nome wi-fi dos seus dispositivos IoT será "Your_device_name_here".

Para fazer isso, precisamos do seguinte:

• Conecte sua placa IoT em seu computador
• Baixe e abra o esboço mestre Appshed (que pode ser encontrado aqui)
• Navegue até as ferramentas e clique no quadro
• Role para baixo até ver sua placa e clique nela (estou usando o NodeMCU, então clicarei em NodeMCU)
• Agora navegue de volta para ferramentas e clique na porta, a partir daqui você deverá ver sua placa (deve ser semelhante a "com 9" se você estiver no Windows e "/dev/cu.wchusbserial1410 'para mac)
• Clique na seta voltada para o lado para fazer o upload e espere enquanto isso.

Se você receber uma mensagem após cerca de 2 a 3 minutos dizendo upload concluído, tudo funcionou perfeitamente! Para verificar novamente se nossa placa está funcionando, também podemos ir para nossa configuração de WiFi e procurar o nome que demos à placa antes, se estiver funcionando.

Etapa 3: Configurando o aplicativo

Fazer um aplicativo que recebe dados de uma placa IoT externa pode parecer muito assustador se você não for um desenvolvedor de aplicativos profissional, no entanto, isso não é um problema porque usaremos a infostrutura do AppSheds para fazer nosso aplicativo que o torna realmente fácil.

Precisamos começar acessando o AppShed e fazer uma conta gratuita ou entrar em uma já existente. A partir daqui, você deve ver as duas opções IoT Builder ou App Builder, vamos começar clicando em IoT Builder, pois isso nos permitirá definir quais pinos queremos atuar como saídas ou entradas. Depois que a página for carregada, clique em Novo projeto de IoT, nomeie a entrada da placa e clique em salvar.

Agora, uma vez que queremos definir um dos pinos como uma entrada para ver quando o botão é pressionado, precisamos começar clicando no ícone do botão em Entradas digitais e, em seguida, clicar no pino 1 para ligá-los e dar a ele um nome como " botão "e clique em salvar.

Agora vamos passar para o lado do desenvolvimento de aplicativos.

Etapa 4: fazendo o aplicativo

Agora, voltamos para a página inicial após o login e clicamos no App Builder desta vez. Deverá ser apresentado a você um telefone simulado, precisamos começar clicando no botão de adição para iniciar um novo aplicativo. Depois de carregado, a primeira coisa que precisamos fazer é vincular o quadro de IoT que acabamos de criar ao nosso aplicativo, clicando no quadro e, em seguida, clicando no quadro que acabamos de criar, que deve ter o nome de entrada. Agora, com a placa carregada, podemos começar a adicionar recursos ao aplicativo.

Começamos clicando na caixa de entrada em formulários e intitulamos Estado do Botão. Em seguida, precisamos nomeá-lo como botão. Isso é importante porque nomeamos pin um botão anteriormente, portanto, nomear esse botão ajuda a unir essas duas coisas. Agora, basta clicar em salvar e o aplicativo está pronto!

Etapa 5: publicação e teste

Agora que o aplicativo super básico foi criado, precisamos publicá-lo e obtê-lo em nosso telefone. Fazemos isso clicando no botão publicar, uma vez concluído, precisamos navegar até a guia de compartilhamento e clicar no código QR que irá apresentar um código QR que você pode ler com seu telefone.

Assim que o aplicativo da web for carregado, precisamos conectar nosso telefone ao WiFi de nossos dispositivos IoT, o que fazemos indo para a configuração de WiFi em seu telefone e, em seguida, conectando-se ao nome do dispositivo que demos anteriormente.

Agora podemos voltar ao aplicativo e apertar o botão em nossos dispositivos IoT, você verá um 1 quando o botão for pressionado e um 0 quando o botão não for pressionado. Se você não vir nenhum valor, tente atualizar a página e você verá um valor pop-up.

Etapa 6: levando mais longe

Agora sim, ver apenas 1 ou 0 é um pouco chato, porém, o objetivo desse projeto é apenas mostrar o que é possível, é seu trabalho levar isso adiante e criar algo realmente incrível. Por exemplo, você pode configurar o aplicativo para acionar um som ou reproduzir um vídeo (aqui está um exemplo deste

Se você tiver alguma dúvida, deixe-nos um comentário, obrigado pela leitura!