Índice:
2025 Autor: John Day | [email protected]. Última modificação: 2025-01-13 06:58
Neste curso, estaremos criando um aplicativo Android, criando um banco de dados Firebase e controlando o NodeMCU ESP 8266 1.0 12E com coordenação dos produtos mencionados anteriormente.
Etapa 1: todas as ferramentas necessárias
Aqui estão algumas coisas necessárias para começarmos
1. Google Firebase
2. MIT App Inventor
3. A NodeMCU ESP8266 1.0 12E
4. Poucos fios de ligação femininos para femininos
5. Um cabo USB
6. Arduino IDE (para programar nosso ESP8266)
Etapa 2: Introdução ao Google Firebase e criação de seu primeiro projeto
Siga os passos
1. Faça login no Firebase com sua conta do Google.
2. Clique em ir para o console e Adicionar um novo projeto e então dê um nome ao seu projeto e dê sua região, este é um passo muito importante, se você selecionar uma região incorreta, então seu projeto pode não funcionar.
3. Vá para as configurações do projeto no lado direito do seu console e passe o mouse para as contas de serviço e copie o segredo do seu banco de dados, anote-o em algum lugar para uso posterior, discutiremos mais tarde.
4. Agora vá para a seção de desenvolvimento e vá para o banco de dados, e copie a URL do projeto que estará no formato
xxxxxxxxxxxxxxxx.firebaseio.com/ -copie-o.
5. Em seguida, vá para a seção de regras e execute as seguintes alterações ou simplesmente copie e substitua pelo código abaixo
{ "as regras": {
".read": "true", ".verdade Branca"
}
}
Etapa 3: criando seu primeiro aplicativo Android para controlar seu ESP8266 por wi-fi
Acesse o site do MIT App Inventor e siga estas etapas para construir seu aplicativo.
Este é um construtor de aplicativos muito simples, simplesmente construído arrastando e soltando elementos
1. Inicie um novo projeto com um nome de sua escolha.
2. Neste projeto, vamos lidar com a troca do LED embutido em nosso NodeMCU, portanto, precisamos apenas de dois botões para ligá-lo e desligá-lo.
3. Você pode alterar o texto e outros atributos do botão na guia Propriedades.
4. Como estamos usando o Firebase, adicionaremos nosso atributo firebase a ele, que está presente na seção experimental da guia da interface do usuário, arrastando-o para a seção do visualizador.
5. Agora, mude para a guia de blocos e construa as lógicas mostradas na imagem acima.
6. Então, novamente vá para a guia Designer e faça as seguintes alterações
- O Balde do projeto deve estar vazio.
- O token do Firebase deve ser como está, nenhuma alteração a ser feita.
- Agora, na caixa firebase URL, digite o URL copiado na etapa anterior, desmarque a caixa usar padrão.
7. Agora vá para o firebase e vá para banco de dados> guia de dados> e crie um filho com o mesmo nome da mesma variável que é usado em nosso diagrama lógico do App Inventor.
8. Agora clique em Build, no topo da página e baixe o arquivo.apk para o seu smartphone Android.
Etapa 4: enviando seu código para o ESP8266
Você pode colocar seu código em seu NodeMCU copiando o código presente no repositório abaixo.
github.com/saiyerniakhil/ESPFireBase
e algumas mudanças devem ser feitas, as quais deixei claro nos comentários do código.