Skip to main content

Connecting NodeMCU(esp8266) with Blynk App.

Lets Get Started...
Here we will setup the NodeMCU board and Blynk App for making projects based on IoT.



Steps to Setup:-

1.First Install the Arduino IDE in your PC.



     
                     
2.Click on File and open Preferences.





    
3.Paste this link in URLs.(http://arduino.esp8266.com/stable/package_esp8266com_ index.json.).






4.Next Click on the Tools and select the Board Managers.






5.Search for ESP8266 and Install it.






6.Select the Board as NodeMCU 1.0 and also select the Port.






7.Write this code in the Arduino IDE.


#define BLYNK_PRINT Serial  
#include <ESP8266WiFi.h>  
#include <BlynkSimpleEsp8266.h>  
  
char auth[] = "Your Auth Code"; // the auth code that you got on your gmail and Blynk app  
char ssid[] = "Username(WIFI)"; // username or ssid of your WI-FI  
char pass[] = "Password(WIFI)"; // password of your Wi-Fi  
  
void setup()  
{  
// Debug console  
Serial.begin(9600);  
Blynk.begin(auth, ssid, pass);  
}  
  
void loop()  
{  
Blynk.run();  
}   
               

Now we have added the NodeMCU boards successfully in Arduino Software. Now we have to Connect this to the Blynk App.


Step 1:-Install Blynk App and Create a account.
Step 2:-You will recieve a Authentication code in your Gmail.Copy the code and paste in Above Program.
Step 3:-Select the Board as NodeMCU and Create a new Project.
Step 4:-Setup Your Hotspot and enter the username and password in the Arduino IDE.
Step 5:-Press Play button which is on top and you will see that your device is online.
Step 6:-You Are Ready.



      




                

     



Comments

Post a Comment

Popular posts from this blog

Auto-Image Slider using Javascript

  Introduction Image Slider is a way of displaying multiple images, videos or graphics which is created using javascript. Preview HTML Code <!DOCTYPE html> < html lang = "en" > < head > < meta charset = "UTF-8" > < meta name = "viewport" content = "width=device-width, initial-scale=1.0" > < title > Auto-Image Slider </ title > < link rel = "stylesheet" href = "https://use.fontawesome.com/releases/v5.15.1/css/all.css" > < link rel = "stylesheet" href = "ImageSlider.css" > < script src = "ImageSlider.js" > </ script > </ head > < body > < div class = "container" > < div class = "slides" > < div class = "slide" > < img src = "https://cdn.pixabay.com/photo/2020/11/20/01/10/glacier-5760277_960_72...

Register form through OTP Verification using Firebase (Android Studio).

Android is an operating system that was developed by Google which is designed for touchscreen mobile devices such as smartphone and tablets. Description In this project we will build an app using A ndroid Studio. T his app will take your username and phone number.By this phone number you will receive an OTP and after entering OTP you will be able to register your phone number with the Firebase. Android Studio it is a integrated development environment (IDE) for  Android operating system, built on JetBrains' IntelliJ IDEA software and designed specifically for Android development.It is available for download on Windows, macOS and Linux based operating systems. Firebase Firebase Authentication is a service that can authenticate users using only client-side code. It supports social login providers Facebook, GitHub, Twitter and Google as well as other service providers like Google Play Games, Apple, Yahoo, and Microsoft. Additionally, it includes a user manag...

Instagram Post Downloader using JQuery and Ajax

  Introduction In this project, we will learn to get the data from Instagram using the link given by the user. First the given link is modified and passed to the instance of XMLHttpRequest. Using instance of XMLHttpRequest, we will get JSON data and Access the required data such as image url, video url and create image and video tag respectively. Now you can download image as well as video as shown in the preview video. Pre-Requisite you should know to use JSON data, to access the required data ( object, arrays, string etc ). you should know to use XMLHttpRequest, to send the request, to get the data from the response. basic of JQuery is enough. Preview HTML Code <!DOCTYPE html> < html lang = "en" > < head > < meta charset = "UTF-8" > < meta name = "viewport" content = "width=device-width, initial-scale=1.0" > < title > Document </ title > < link rel = "stylesheet" ...