How to set up the new Blynk app step by step | Nodemcu ESP8266 with Blynk app

Hello and welcome back. In this tutorial, we will learn how to set up the new Blynk app step by step. For that, I used an LED blink example. I also published an old Blynk app setup article in a previous article. You can read it using this link. Also, the new Blynk app can be used on smartphones or computers. That is, it has a web application and a mobile application. You can learn both of these methods through this article.

Ok, let’s do this project step by step. The required components are given below.

• Nodemcu board — Amazon / Our Store
• LED bulb — Amazon / Our Store
• 180 ohm resistor — Amazon / Our Store
• Breadboard — Amazon / Our Store
• Jumper wires — Amazon / Our Store

Disclosure: These Amazon links are Affiliate links. As an Amazon Associate, I earn from qualifying purchases.

Step 1

Firstly, identify these components.

Step 2

Secondly, connect these components. For that, use the circuit diagram below.

Step 3

Thirdly, connect it to the computer.

Step 4

OK, let’s set up the Blynk web application step by step. For that, use the instructions below.

• First, go to the Blynk website using your browser. Then, click the “Start Free” button and sign up using your Gmail address.

• Next, check your registered email address and click the new Blynk email. After that, create your strong password as you like. Also, include the profile name and click the “done” button.

• OK, now you can see the Blynk web app interface. Next, click the template button and create your first template. For that, first include your template name, device name, and connection type. Finally, click the “done” button.

• Next, go to the datastreams tab and select the Virtual PIN. Then, enter the name of your choice. Also, select the PIN as V0 and select the data type as integer. Finally click the “create” button.

• Next, go to the Web dashboard tab. Now you can set up your web dashboard. For that, drag and drop the widgets to the dasboad. I used one button. After, click the setting icon in the button and select your datastream we created earlier. Finally click the save button.

• Now, click the search icon and create a new device. For that, click the “New device” button and select your template we created earlier.

Okay, now the Blynk web app is ready for us.

Step 5

Now, let’s set up the Blynk mobile app step by step. For that, use the instructions below.

• First, download and install the Blynk app from the Play Store or Apps Store on your phone. Then, run your application and click the “Log In” button.

• Next, enter your email and password that we created in the blynk web application. Now you can see the template, we created in the web app. After that, click on this template and set up your mobile dashboard.

• Now, click the button in the upper right corner and add one button widget to the dashboard. Then customize this button to your liking.

• Next, click on this button and named it as you like. After, select datastream. For that, select the datastream we created in the web app. Finally, change the button mode as a switch.

OK, now Blynk web and mobile versions are ready for us.

Step 6

Now, let’s set up the Arduino IDE. For that, follow the instructions below.

• First, include the ESP8266 additional boards to the Arduino IDE. For that, click the “Preperanses” and include the board manager URL. The URL is below.
• http://arduino.esp8266.com/stable/package_esp8266com_index.json

• Next, go to the board manager and install the ESP8266 boards.

• Now, add Blynk and WIFI libraries to the Arduino IDE. To do this, click on the “Add ZIP library” button and select the ZIP library file. Libraries are below.
• Blynk library — Download
• ESP8266WIFI library — Download

OK, the Arduino IDE is ready for us.

Step 7

Now, let’s create the program for this. The program is below.

• Full details of this project – Download

/*New blynk app project
   https://srituhobby.com
*/

//Include the library files
#define BLYNK_PRINT Serial
#include <ESP8266WiFi.h>
#include <BlynkSimpleEsp8266.h>

#define BLYNK_AUTH_TOKEN "" //Enter your blynk auth token

char auth[] = BLYNK_AUTH_TOKEN;
char ssid[] = "";//Enter your WIFI name
char pass[] = "";//Enter your WIFI password

//Get the button value
BLYNK_WRITE(V0) {
  digitalWrite(D0, param.asInt());
}

void setup() {
  //Set the LED pin as an output pin
  pinMode(D0, OUTPUT);
  //Initialize the Blynk library
  Blynk.begin(auth, ssid, pass, "blynk.cloud", 80);
}

void loop() {
  //Run the Blynk library
  Blynk.run();
}

• Next, include the Blynk auth token. It’s included in the web application. For that, go to the “Device info” and copy and paste the Blynk auth token to the program.

• Now, include the WIFI name and password.

Step 8

Then, select board and port. After, upload this code to the Nodemcu board.

Step 9

Finally, open the Blynk web and mobile dashboards. Then, click the buttons and enjoy this project.

The full video guide is below. So see you in the next project.

How to set up the new Blynk app step by step | Nodemcu ESP8266 with Blynk app