Category Archives: IoT Tutorials

Arduino NodeMCU (ESP8266) Spiffs File System Uploading and Reading

June 29, 2018ESP8266, IoT TutorialsESP8266, NodeMCU, SPIFFSManoj R. Thakur

In this tutorial we upload a text file and read it in serial monitor.

Steps to Upload a file in NodeMCU SPIFFS file system

ESP8266FS is a tool which integrates into the Arduino IDE. It adds a menu item to Tools menu for uploading the contents of sketch data directory into ESP8266 flash file system.

Download the tool: https://github.com/esp8266/arduino-esp8266fs-plugin/releases/download/0.1.3/ESP8266FS-0.1.3.zip.
In your Arduino sketchbook directory, create tools directory if it doesn’t exist yet
Unpack the tool into tools directory (the path will look like <home_dir>/Arduino/tools/ESP8266FS/)

Restart Arduino IDE
Open a sketch (or create a new one and save it)
Go to sketch directory (choose Sketch > Show Sketch Folder)
data older next to your .ino file
Create a directory named data and put your files you want in the file system there

Make sure you have selected a board, port, and closed Serial Monitor
Select Tools > ESP8266 Sketch Data Upload. This should start uploading the files into ESP8266 flash file system. When done, IDE status bar will display SPIFFS Image Uploaded message. Note during upload it takes longer time.

Reading Uploaded File

In above process we uploaded notes.txt file in ESP flash. In this program we read it and display its contents in serial monitor. Uploading of sketch will not affect sketch data. i.e. uploaded notes.txt file.

/*
 *  ESP8266 Communication and Protocols
 *  SPIFFS Direct File Upload Example
 *  -Manoj R. Thkuar
 */

#include <ESP8266WiFi.h>
#include <FS.h>   //Include File System Headers

const char* file = "/notes.txt";   //Enter your file name

void setup() {
  delay(1000);
  Serial.begin(115200);
  Serial.println();

  //Initialize File System
  SPIFFS.begin();
  Serial.println("File System Initialized");

  File dataFile = SPIFFS.open(file, "r");   //Open File for reading
  Serial.println("Reading Data from File:");
  //Data from file
  for(int i=0;i<dataFile.size();i++) //Read upto complete file size
  {
    Serial.print((char)dataFile.read());    //Read file
  }
  dataFile.close();
}

void loop() {
}

* ESP8266 Communication and Protocols

* SPIFFS Direct File Upload Example

* -Manoj R. Thkuar

#include <ESP8266WiFi.h>

#include <FS.h> //Include File System Headers

const char* file = "/notes.txt"; //Enter your file name

void setup() {

delay(1000);

Serial.begin(115200);

Serial.println();

//Initialize File System

SPIFFS.begin();

Serial.println("File System Initialized");

File dataFile = SPIFFS.open(file, "r"); //Open File for reading

Serial.println("Reading Data from File:");

//Data from file

for(int i=0;i<dataFile.size();i++) //Read upto complete file size

{

Serial.print((char)dataFile.read()); //Read file

}

dataFile.close();

}

void loop() {

}

Results

In serial monitor you will get File contents, you can upload images, html and javascript files. examples can be found here

Image upload and display
JavaScript Gauges

Add NodeMCU ESP8266 to Arduino IDE

June 21, 2018ESP8266, IoT Tutorialsarduino, ESP8266, NodeMCUManoj R. Thakur

In this tutorial, we’ll learn how to program your NodeMCU or ESP8266 using an Arduino IDE. NodeMCU board is not available by default.

The NodeMCU ESP8266 is a low-cost WiFi module built by Espressif Systems. Its popularity has been growing among the hardware community thanks to its nice features and stability, to the point that it can be easily programmed using your Arduino IDE.

Requirements

Arduino IDE version 1.7 or higher
Active Internet connection
NodeMCU or ESP8266 board (for testing only)

Step 1: Adding ESP8266 URL to Arduino IDE Board Manger

Make sure you are using Arduino IDE version 1.7 or higher.
Add additional URL for board manager. Go to File >> Preferences and paste below url in Additional Board Manager URLs. http://arduino.esp8266.com/stable/package_esp8266com_index.json

Note: Sometimes pakage_esp8266com_index.json link is down due to heavy download try again after few hours.

Step 2: Open Board Manager

Go to Tools >> Boards >> Board Manager

Board Mnanger Link

Step 3: Search and Installing Node MCU (ESP8266) in Arduino IDE

Type “ESP8266” in search box.
Select ESP8266 Community. (If internet is not available then you will not find ESP8266)
Click on Install Button. Download progress starts. wait for finish.

Step 4: Verify installation of ESP8266

Go to Tools>>Boards>> select NodeMCU (If you don’t find NodeMCU, check your installation is ok)
Select proper Com port
Upload blink example and check is it working. on board LED uses GPIO2

NodeMCU board in Arduino IDE — NodeMCU board is visible

Additional Resources

ESP8266 jQuery and AJAX Web Server

March 10, 2018ESP8266, IoT TutorialsAJAX, ESP8266, jQuery, NodeMCUManoj R. Thakur

This example shows how to use jQuery in ESP8266, NodeMCU ? There are two ways to use jQuery in ESP8266 Web Sever, first is to use cdn server and second is directly putting jQuery on ESP Flash File System. We will look into both examples. We make use of jQuery Knob to demonstrate real time fading of LED control using jQuery and AJAX requests.

Continue reading ESP8266 jQuery and AJAX Web Server →

ESP8266 HTTP GET Request Example

March 10, 2018ESP8266, IoT TutorialsESP8266, GET, HTTP, NodeMCUManoj R. Thakur

In this example we learn how to send get request to a web page using NodeMCU or ESP8266? As we know all webpages are HTTP protocols, GET and POST are methods of communicating between web browser and the server. Also we look towards server side php coding. If you are looking for POST method read here. Continue reading ESP8266 HTTP GET Request Example →

ESP8266 (NodeMCU) post request data to website

March 10, 2018ESP8266, IoT TutorialsESP8266, NodeMCU, PHP, POSTManoj R. Thakur

In this example we learn how to send post request to a web page using NodeMCU or ESP8266? As we know all webpages are HTTP protocols, GET and POST are methods of communicating between web browser and the server. Also we look towards server side php coding. If you are looking for GET method read here. Continue reading ESP8266 (NodeMCU) post request data to website →

Circuits4you.com

Arduino interfacing, circuits tutorials with code and ebooks, Step by step guides for all sensor modules used for arduino. Programming tips and tricks.