ESP8266 - Contador de Botão - LCD

Este tutorial ensina você a usar o ESP8266 para contar os pressionamentos de um botão e exibir o número contado em um display LCD. É possível modificar isto para usar outros sensores no lugar do botão.

Neste tutorial, vamos fazer o debounce do botão sem usar a função delay(). Para mais informações, dê uma olhada em Por que precisamos de debounce?

Hardware Necessário

1×ESP8266 NodeMCU ESP-12F
1×Alternatively, ESP8266 D1 Mini NodeMCU ESP-12F
1×Alternatively, ESP8266 NodeMCU ESP-12E (Uno-form)
1×Micro USB Cable
1×Alternatively, ESP8266 NodeMCU ESP-12F (SMD-form)
1×Cabo USB Tipo-A para Tipo-C (para PC com USB-A)
1×Cabo USB Tipo-C para Tipo-C (para PC com USB-C)
1×Botão para Protoboard com Capa
1×Kit de Botões para Protoboard
1×Botão de Pressão para Painel
1×Módulo de Botão
1×LCD I2C Display 3.3V
1×(Alternativa) LCD I2C 20x4
1×Protoboard
1×Fios Jumper
1×(Recomendado) Placa de Expansão com Bornes de Parafuso para ESP8266

Or you can buy the following kits:

1×DIYables Sensor Kit (18 sensors/displays)
Divulgação: Alguns dos links desta seção são links de afiliado da Amazon. Podemos receber uma comissão pelas compras feitas por meio desses links, sem custo adicional para você. Agradecemos o seu apoio.

Nota de compra: A maioria dos displays LCD I2C no mercado é de 5V. Eles podem funcionar com esta placa, mas não é seguro e pode danificar a placa. Recomendamos fortemente usar o display LCD I2C de 3.3V recomendado acima.

Sobre o LCD I2C e o Botão

Se você não conhece o LCD I2C e o botão (pinagem, como funciona, como programar ...), os tutoriais a seguir podem ajudar você a aprender:

Diagrama de Ligação

The wiring diagram between ESP8266 NodeMCU and Button LCD I2C

This image is created using Fritzing. Click to enlarge image

Para mais informações, veja Pinagem do ESP8266 e como alimentar o ESP8266 e outros componentes.

Código ESP8266 - exibindo a contagem do botão no LCD I2C

/* * Este código de ESP8266 NodeMCU foi desenvolvido por pt.newbiely.com * Este código de ESP8266 NodeMCU é disponibilizado ao público sem nenhuma restrição. * Para tutoriais completos e diagramas de ligação, visite: * https://pt.newbiely.com/tutorials/esp8266/esp8266-button-count-lcd */ #include <DIYables_LCD_I2C.h> #include <ezButton.h> DIYables_LCD_I2C lcd(0x27, 16, 2); // I2C address 0x27 (from DIYables LCD), 16 column and 2 rows ezButton button(13); // create ezButton object for pin 13; unsigned long prev_count = 0; void setup() { Serial.begin(9600); lcd.init(); // Initialize the LCD I2C display lcd.backlight(); // open the backlight button.setDebounceTime(50); // set debounce time to 50 milliseconds button.setCountMode(COUNT_FALLING); } void loop() { button.loop(); // MUST call the loop() function first unsigned long count = button.getCount(); if (prev_count != count) { Serial.println(count); // print count to Serial Monitor lcd.clear(); lcd.setCursor(0, 0); // start to print at the first row lcd.print("Count: "); lcd.print(count); prev_count != count; } }

Passos Rápidos

Para começar com o ESP8266 na Arduino IDE, siga estes passos:

  • Veja o tutorial como configurar o ambiente para o ESP8266 na Arduino IDE se esta for a sua primeira vez usando o ESP8266.
  • Ligue os componentes conforme mostrado no diagrama.
  • Conecte a placa ESP8266 ao seu computador usando um cabo USB.
  • Abra a Arduino IDE no seu computador.
  • Escolha a placa ESP8266 correta, como (por exemplo, NodeMCU 1.0 (ESP-12E Module)), e a respectiva porta COM.
  • Clique no ícone Libraries na barra à esquerda da Arduino IDE.
  • Procure por “ezButton” e localize a biblioteca de botão da ArduinoGetStarted.
  • Pressione o botão Install para instalar a biblioteca ezButton.
ESP8266 NodeMCU button library
  • Pesquise por “DIYables LCD I2C” e localize a biblioteca DIYables_LCD_I2C criada pela DIYables.
  • Em seguida, clique no botão Install para adicionar a biblioteca.
ESP8266 NodeMCU DIYables LCD I2C library
  • Copie o código e abra-o na Arduino IDE.
  • Clique no botão Upload para enviar o código ao ESP8266.
  • Aperte o botão várias vezes.
  • Confira a contagem mudando no LCD.

※ Nota:

O endereço do LCD pode variar de acordo com o fabricante. Usamos 0x27 no nosso código, conforme especificado pela DIYables.

Vídeo

※ NOSSAS MENSAGENS

  • Fique à vontade para compartilhar o link deste tutorial. Porém, por favor, não use nosso conteúdo em outros sites. Investimos muito esforço e tempo para criar este conteúdo, por favor respeite nosso trabalho!