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.

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
   
Home Page
*/ //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

Similar Posts

10 Comments

  1. How to connect arduino uno r3 with esp8266 nodemcu and with blink app pls help if you know the method.

  2. Hi, thank you for the tutorial. I followed everything you posted here, but on both the mobile app and webapp, the First Project still shows as “offline”. How do I get it online? In your video, at 4:42″, the First Project shows as “Offline” too. Then at 4:44, it shows as “online” (in green). What changed to get the device online? I’d appreciate your help very much! -David

  3. blink_led_new_app:7:10: fatal error: ESP8266WiFi.h: No such file or directory
    #include
    ^~~~~~~~~~~~~~~
    compilation terminated.
    exit status 1
    ESP8266WiFi.h: No such file or directory
    hello sir , i’m impressed this project, how I fix this issue

Leave a Reply

Your email address will not be published. Required fields are marked *