ESP32 TTGO WiFi Signal Strength

by RonFrtek in Circuits > Arduino

6690 Views, 19 Favorites, 0 Comments

ESP32 TTGO WiFi Signal Strength

2020-12-28_18-15-33.jpg

In this tutorial we will learn how to display a WiFi network signal strength using ESP32 TTGO board.

Watch the video!

What You Will Need

FJ2UWKAKELE68YW.jpg
Wifi-1-icon.png
VisuinoAdvrtisementVersion8.jpg

Start Visuino, and Select the Arduino TTGO T-Display ESP32 Board Type

FMW5CHBKFV47BP9.jpg
2020-12-07_1-41-57.jpg

The Visuino: https://www.visuino.eu needs to be installed. Start Visuino as shown in the first picture Click on the "Tools" button on the Arduino component (Picture 1) in Visuino When the dialog appears, select "TTGO T-Display ESP32" as shown on Picture 2

In Visuino Set WiFi

FUPUEHPKELE6CHK.jpg
FAQ4PAJKELE6CHJ.jpg
F362I7MKELE6CHI.jpg
2020-12-07_1-48-18.jpg
2020-12-07_1-47-55.jpg

  • Select TTGO T-Display ESP32 board and in the properties window expand "Modules>WiFi>Connect To Access Points
  • Click on the Connect To Access Points 3 Dots
  • In the AccessPoints window drag "WiFi Access Point" to the left side
  • In the properties window set SSID (name of your WiFi hotspot or router)In the properties window set Password (password of your WiFi hotspot or router)
  • Close AccessPoints window

  • Select TTGO T-Display ESP32 board and in the properties window expand "Modules" > "WiFi" > "Operations" and click on the 3 dots button
  • .In "Operations" window drag "WiFi Signal Strength" to the left side
  • Close the "Operations" window

In Visuino Set Display

FRKP5OEKELE6DBP.jpg
F5361MTKELE6DJ3.jpg
2020-12-07_1-54-12.jpg
2020-12-07_2-00-53.jpg
2020-12-07_1-59-42.jpg
2020-12-07_2-00-04.jpg
2020-12-07_2-01-45.jpg
2020-12-07_2-04-29.jpg

  • Select TTGO T-Display ESP32 board and in the properties window expand "Modules>Display>Orientation
  • Set Orientation to:goRight
  • Select TTGO T-Display ESP32 board and in the properties window expand "Modules>Display>Elements
  • Click on the Elements 3 Dots

In the Elements window:

Drag "Text Field" to the left side and in the properties window set size to 2, X to 138, Y to 60

Drag "Draw Rectangle" to the left side and in the properties window set size to 2, X to 30, Y to 60, height to 40, color to aclDodgerBlue, Fill Color to aclDodgerBlue and select width and click on the pin icon and select Float Sink Pin

Drag another Drag "Draw Rectangle" to the left side and in the properties window set size to 2, X to 28, Y to 47, height to 45,width to 105, Fill Color to aclBlack

Drag "Draw Text" to the left side and in the properties window set Color to aclAzure, Size to 2, Text to "WiFi Signal", X to 30

Close the elements window

In Visuino Add Components

2020-12-07_2-09-24.jpg
2020-12-07_2-11-11.jpg
2020-12-07_2-10-24.jpg
2020-12-07_2-14-18.jpg
  • Add "Pulse Generator" component
  • Add "Add Analog Value" component
    Now select "AddValue1" and in the properties window set value to 100
  • Add "Analog To Integer" component

In Visuino Connect Components

2020-12-07_2-15-13.jpg
  • Connect PulseGenerator1 pin Out to TTGO T-Display ESP32 > Operations[0] pin Clock
  • Connect TTGO T-Display ESP32 > Operations[0] pin Signal Strength to AddValue1 pin In
  • Connect "AddValue1" pin Out t AnalogToInteger1 pin In

IMPORTANT: Connect the Following in the exact Order

  • Connect AnalogToInteger1 pin Out to TTGO T-Display ESP32 > Display > Text Field1 pin In
  • Connect AnalogToInteger1 pin Out to TTGO T-Display ESP32 > Display > Text Field1 pin Clock
  • Connect AnalogToInteger1 pin Out to TTGO T-Display ESP32 > Display > Draw Rectangle2 pin Clock
  • Connect AnalogToInteger1 pin Out to TTGO T-Display ESP32 > Display > Draw Rectangle1 pin Width

  • Connect AnalogToInteger1 pin Out to TTGO T-Display ESP32 > Display > Draw Rectangle1 pin Clock

Generate, Compile, and Upload the Code

ttgo.png

In Visuino, at the bottom click on the "Build" Tab, make sure the correct port is selected, then click on the "Compile/Build and Upload" button.

Play

If you power the TTGO ESP32 module it will connect to the network and display the WiFi Signal strength.

Congratulations! You have completed your project with Visuino. Also attached is the Visuino project, that I created for this Instructable, you can download it and open it in Visuino: https://www.visuino.eu