Tag Archives: ESP32

ESP32 Access point (AP) and Station web server with HTML using Arduino IDE

In this tutorial we are making ESP32 as both Station and Access point and web server. We have seen how to connect to WiFi Router and make web server in previous post.

What you will Learn?

  1. Making ESP32 as Access Point
  2. ESP32 as Station
  3. ESP32 as both Station and Access Point at the same time
  4. ESP32 as web server with HTML web page
  5. Using Java Scripts in ESP32
  6. Using CSS in ESP32

A Web server is a program that uses HTTP (Hypertext Transfer Protocol) to serve the files that form Web pages to users, in response to their requests, which are forwarded by their computers’ HTTP clients.

ESP32 Access point web server

Continue reading ESP32 Access point (AP) and Station web server with HTML using Arduino IDE

Web server on ESP32: How to update and display sensor values?

In many IoT Applications we monitor sensor data and we want to display it in wab page. Web page requires frequent refresh to get the update from ESP32. To solve this problem you have two options, first is refresh page with HTML Tag: ex. refresh at every 30 seconds.

<head>
<meta http-equiv=”refresh” content=”30″>
</head>
Disadvantage of using HTML refresh tag is, it flickers the screen and loads complete page again and again.

In this tutorial I will show you how to display ADC data and update without refreshing web page. You can do a lot of things with this. At the end we will see some advance applications of this. To make this possible we need to use javaScript Ajax.

Tools you need

only ESP32, Laptop and USB cable

What you will learn?

  1. ESP32 Ajax web pageĀ  to display and update sensor data without refresh.
  2. Getting data from ESP32 without page refresh and update it in web page dynamically. such as ADC values or temperature readings.

Continue reading Web server on ESP32: How to update and display sensor values?

ESP8266 (ajax) update part of web page without refreshing

In this tutorial we receive ADC data and send LED on off data to ESP8266 without refreshing webpage. You can do a lot of things with this. At the end we will see some advance applications of this. To make this possible we need to use javaScript Ajax.

Tools you need

only NodeMCU, Laptop and USB cable

What you will learn?

  1. ESP8266 Ajax web page update without refresh.
  2. Sending data to ESP NodeMCU without page refresh.
  3. Getting data from ESP8266 NodeMCU without page refresh and update it in web page dynamically. such as ADC values or temperature readings.

Continue reading ESP8266 (ajax) update part of web page without refreshing

ESP32 LED Blink Example

ESP32 is a new IoT device comes with Dual core CPU, WiFi, Bluetooth, In this tutorial we start with ESP32 Simple LED Blink Example. For software setup with arduino IDE read this.

ESP32 DevKit V1 comes with on board red LED which is connected to GPIO2 same as ESP8266 blink example.

Steps to Make LED Blink

Step 1: Connect Board to Laptop

ESP32 LED Blink Example

Step 2: ESP32 LED Blink Example Code

Upload this program to ESP32. Select boar ESP32 DEV Module from Tools >> Boards menu, then select appropriate com port. Upload the below program.

Step 3: Testing

After uploading program you will find on board RED LED will start Blinking.

 

Installing ESP32 Board in Arduino IDE on Ubuntu Linux

In this tutorial we are installing ESP32 board in Arduino IDE. Its not same as installing ESP8266. ESP32 is dual core CPU in arduino IDE it will not support all the functions but its enough to make many projects.

ESP32 is highly-integrated with in-built antenna switches, RF balun, power amplifier, low-noise receive amplifier, filters, and power management modules. ESP32 adds priceless functionality and versatility to your applications with minimal Printed Circuit Board (PCB) requirements. ESP32 can interface with other systems to provide Wi-Fi and Bluetooth functionality through its SPI / SDIO or I2C / UART interfaces. Continue reading Installing ESP32 Board in Arduino IDE on Ubuntu Linux