IoT Project Google Firebase controlling LED using Android App

In this section, we will control the LED connected with NodeMCU using Firebase database and an Android app . In the previous section Google Firebase controlling LED connected with NodeMCU ESP8266 of this project we are controlling LED by manually editing the status of LED in Firebase data. Changing the LED status every time is not possible, time taking and not logical.

To overcome with the above problem, we build an Android app that interacts with Firebase database and updates the LED status which turns ON/OFF the LED.

Working principle of the project (Android app, Google Firebase, and Node MCU)

In this project, there are three main components are used an Android app, Firebase database and, Wi-Fi Node MCU.

IoT Project: Google Firebase controlling LED using Android App

The Android app sends the serial data 1 or 0 to the Firebase database. The Firebase database interacts with Wi-Fi NodeMCU and this NodeMCU acts on the basis of data received from Firebase Database. If NodeMCU receives serial data 1, it turns ON the LED, and if NodeMCU receives serial input 0 then it turns OFF the LED.

Now, write an Android code to interact with Google Firebase database and update the LED status:

Open Android Studio and create an Empty project.

First of all, we need to connect our Android app with Firebase project. For doing this click Tools > Firebase >

IoT Project: Google Firebase controlling LED using Android App

Click Realtime Database > Save and retrieve data.

IoT Project: Google Firebase controlling LED using Android App

Click on the option “1 Connect your app to Firebase” and select your project created over Firebase.

IoT Project: Google Firebase controlling LED using Android App

After selecting project, click “Connect to Firebase“, and add “Realtime Database to your app“

activity_main.xml

In the layout file we take two buttons to send serial data to change LED status 1(ON), and 0 (OFF)

  <?xml version=”1.0″ encoding=”utf-8″?>  <android.support.constraint.ConstraintLayout xmlns:android=”http://schemas.android.com/apk/res/android”      xmlns:app=”http://schemas.android.com/apk/res-auto”      xmlns:tools=”http://schemas.android.com/tools”      android:layout_width=”match_parent”      android:layout_height=”match_parent”      tools:context=”example.tutoraspire.com.controlledwithnodemcuusingandroidapp.MainActivity”>          <Button          android:id=”@+id/button_on”          android:layout_width=”wrap_content”          android:layout_height=”wrap_content”          android:layout_marginBottom=”8dp”          android:layout_marginEnd=”8dp”          android:layout_marginStart=”8dp”          android:layout_marginTop=”8dp”          android:text=”ON”          app:layout_constraintBottom_toBottomOf=”parent”          app:layout_constraintEnd_toStartOf=”@+id/button_off”          app:layout_constraintStart_toStartOf=”parent”          app:layout_constraintTop_toTopOf=”parent” />        <Button          android:id=”@+id/button_off”          android:layout_width=”wrap_content”          android:layout_height=”wrap_content”          android:layout_marginBottom=”8dp”          android:layout_marginEnd=”76dp”          android:layout_marginRight=”76dp”          android:layout_marginTop=”8dp”          android:text=”OFF”          app:layout_constraintBottom_toBottomOf=”parent”          app:layout_constraintEnd_toEndOf=”parent”          app:layout_constraintTop_toTopOf=”parent” />        <TextView          android:id=”@+id/textView2″          android:layout_width=”wrap_content”          android:layout_height=”40dp”          android:layout_marginEnd=”8dp”          android:layout_marginStart=”8dp”          android:layout_marginTop=”76dp”          android:text=”IOT LED CONTROLLER”          android:textAppearance=”@style/TextAppearance.AppCompat.Large”          app:layout_constraintEnd_toEndOf=”parent”          app:layout_constraintHorizontal_bias=”0.502″          app:layout_constraintStart_toStartOf=”parent”          app:layout_constraintTop_toTopOf=”parent” />    </android.support.constraint.ConstraintLayout>  

MainActivity.java

In MainActivity.java file, we created two buttons one for “on” another for “off”. Clicking the “on” button, it updates the Firebase database LED_STATUS to “1”, and clicking the “off” button it update the Firebase database LED_STATUS to “0”.

Add the fourth option code “Write to your database” in button click listener.

  package example.tutoraspire.com.controlledwithnodemcuusingandroidapp;    import android.support.v7.app.AppCompatActivity;  import android.os.Bundle;  import android.view.View;  import android.widget.Button;  import com.google.firebase.database.DatabaseReference;  import com.google.firebase.database.FirebaseDatabase;    public class MainActivity extends AppCompatActivity {      Button on;      Button off;      @Override      protected void onCreate(Bundle savedInstanceState) {          super.onCreate(savedInstanceState);          setContentView(R.layout.activity_main);          on = findViewById(R.id.button_on);          off = findViewById(R.id.button_off);          on.setOnClickListener(new View.OnClickListener(){              @Override              public void onClick(View view) {                  // Write a message to the database                  FirebaseDatabase database = FirebaseDatabase.getInstance();                  DatabaseReference myRef = database.getReference(“LED_STATUS”);//LED_STATUS is Firebase database LED_STATUS                  myRef.setValue(1);              }          });          off.setOnClickListener(new View.OnClickListener(){              @Override              public void onClick(View view) {                  FirebaseDatabase database = FirebaseDatabase.getInstance();                  DatabaseReference myRef = database.getReference(“LED_STATUS”);//LED_STATUS is Firebase database LED_STATUS                  myRef.setValue(0);              }          });       }  }  

Add the Internet permission in AndroidManifest.xml file

Update the Rules of Firebase database read, write status from false to true.

Note: making rules property true set it to the public which can be accessed from anyone. So, for security reason doesn’t set to true or learn more about security rules.

IoT Project: Google Firebase controlling LED using Android App

Run your project and control LED connected with NodeMCU ESP8266.

Output:

IoT Project: Google Firebase controlling LED using Android App

Next Topic#

IoT Project Google Firebase controlling LED using Android App

IoT Project Google Firebase controlling LED using Android App

Working principle of the project (Android app, Google Firebase, and Node MCU)

Now, write an Android code to interact with Google Firebase database and update the LED status:

activity_main.xml

MainActivity.java

Note: making rules property true set it to the public which can be accessed from anyone. So, for security reason doesn’t set to true or learn more about security rules.

Hibernate Example: Steps to Create First Hibernate Application

Browser Object Model

You may also like