How to insert user data into firebase real-time database with Image part 4

#firebasetutorial #android #Firestorage #registration #registrationform

Hello everyone welcome back to this firebase tutorial this is tutorial number four of our uh android demo tutorial so here we are uh going to upload an image to our storage or firebase storage so we can in the bb speaker we are just setting this icon to the elements in our UI, but before we will do that I'll just

read and write into our storage we need to see the value need to set the value, in the rules tab so we need to make sure that we set it up correctly so that you change it to true by default it will be pulse but you need to change it to true and then you will just save it the same also in our real-time database, uh

you need to set the value to true otherwise it will not allow you to read the data okay so just for the testing purposes so I will just be going to scroll down okay I'll just go here okay so I'll just go here in the start let's see the image URI so this is what we have done in the previous video so now then we can

actually submit the image into the get reference okay you can reference the storage okay uh child you can write and you can add another child and we can just pass the image URI here to get the last part signal okay okay already done that we are just doing an instance and getting the reference uh into our privacy students then we are telling that we are given to the child, so we are adding a child with the name image and then inside of that image then we are just the last part segment of the URI or this

identifier after that the storage reference the file and then you can just image URI that adds okay and successfully now you type upload tasks, okay here if the upload task is successful we can URI type download URL plus Snapchat storage you can even uh immediately write the user reference your image

image icon be sure if we can successfully upload okay submit the image so now let's do it here I'm going to submit okay hopefully the next one is crossing letters okay, you can actually remove this one but as you can see here you can still submit it so the image should be here and you can still see the image is we get an error so we can add a listener here one complete listener so new one completed

you can check if the stream is okay so we can fold in frequency that's its value actually and you can set the value okay so this will writing on success will be successful we are creating a download URL here

and adding uh one complete listener so we will check the task if it is successful we need to get the result of that task add it to the image and declare another here so yeah I'll declare a progress dialog here just to show the dialog okay you can see uploading and dialogue, let's try to run the application and we can also set the image we need to find iPhone that's it now just start the installation process so okay I'll just choose to submit login is okay guys now inside the image folder, we see the image after two already attempted to be switched okay so as you can see here so uh this is uh done by uh this is the string and then the unique resource identifier

will hit the result and convert it into a string then we put it into the image child the body will be displayed I hope you learned something from this video and if you do so please consider subscribing if you have some questions please write in the comment box I'll see you in the next video guys so please be sure to follow this video so thanks for watching guys I hope to see you in the next video

In this video, we are going to learn how we can insert user data into Firebase Realtime plus we will also add a function that will allow users to upload an image to Firebase Storage, so we will have a better understanding here of how we can Integrate it to our android app. Get up to date with the latest video upload by turning on the notification bell icon from this channel.

#Root build. Gradle code:

#App build. Gradle code:

plugins {
    id 'com.android.application'
    id 'com.google.gms.google-services'
}
apply plugin: 'com.android.application'
apply plugin: 'com.google.gms.google-services'

android {
    compileSdkVersion 32
    buildToolsVersion '30.0.3'

defaultConfig {
        applicationId "com.naldskie.firebasedemo"
        minSdkVersion 22
        targetSdkVersion 32
        versionCode 1
        versionName "1.0"

testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
    }

buildTypes {
        release {
            minifyEnabled false
            proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro'
        }
    }
    compileOptions {
        sourceCompatibility JavaVersion.VERSION_1_8
        targetCompatibility JavaVersion.VERSION_1_8
    }
}

dependencies {

implementation 'androidx.appcompat:appcompat:1.4.2'
    implementation 'com.google.android.material:material:1.6.1'
    implementation 'androidx.constraintlayout:constraintlayout:2.1.4'
    implementation 'com.google.firebase:firebase-database:20.0.5'
    implementation 'com.google.firebase:firebase-storage:20.0.1'
    testImplementation 'junit:junit:4.13.2'
    androidTestImplementation 'androidx.test.ext:junit:1.1.3'
    androidTestImplementation 'androidx.test.espresso:espresso-core:3.1.0'
    implementation 'com.squareup.picasso:picasso:2.8'
}

#Manifest.xml code:

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.naldskie.firebasedemo">
    <uses-permission android:name="android.permission.INTERNET"/>

#MainActivity code:

package com.naldskie.firebasedemo;

import android.app.ProgressDialog;
import android.content.Intent;
import android.net.Uri;
import android.os.Bundle;
import android.text.TextUtils;
import android.util.Log;
import android.util.Patterns;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;

import androidx.appcompat.app.AppCompatActivity;

import com.google.android.gms.tasks.OnCompleteListener;
import com.google.android.gms.tasks.OnSuccessListener;
import com.google.android.gms.tasks.Task;
import com.google.android.material.imageview.ShapeableImageView;
import com.google.firebase.database.DatabaseReference;
import com.google.firebase.database.FirebaseDatabase;
import com.google.firebase.storage.FirebaseStorage;
import com.google.firebase.storage.StorageReference;
import com.google.firebase.storage.UploadTask;
import com.naldskie.firebasedemo.activities.ViewPagerActivity;
import com.naldskie.firebasedemo.model.ObjectModel;

public class MainActivity extends AppCompatActivity {
    private static final String TAG = "\t" + MainActivity.class.getSimpleName();
    private static final String DB = "https://fir-demo-8bb0b-default-rtdb.asia-southeast1.firebasedatabase.app/";
    private EditText username, email, pswd, confirmpswd;
    private ShapeableImageView profile_icon;
    private Button submitBtn, btnPrevious, btnNext;
    private FirebaseDatabase mdatabase;
    private DatabaseReference mdataref;
    private FirebaseStorage mstorage;
    private static final int REQUEST_CODE = 1;
    private Uri imageUri = null;
    private ProgressDialog dialog;

@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

username = findViewById(R.id.editTextUsername);
        email = findViewById(R.id.editTextEmail);
        pswd = findViewById(R.id.editTextPswd);
        confirmpswd = findViewById(R.id.editTextTextPswdConfirm);
        btnPrevious = findViewById(R.id.btn_previous);
        btnNext = findViewById(R.id.btn_next);
        profile_icon = findViewById(R.id.user_profile_icon);
        submitBtn = findViewById(R.id.btn_submit);
        dialog = new ProgressDialog(MainActivity.this);
        mdatabase = FirebaseDatabase.getInstance(DB);
        mdataref = mdatabase.getReference().child("users/account").push();
        mstorage = FirebaseStorage.getInstance();
        selectImage();
        formSubmit();
        moveBack();
        moveNext();
    }

private void selectImage() {
        profile_icon.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Intent intent = new Intent(Intent.ACTION_GET_CONTENT);
                intent.setType("image/*");
                startActivityForResult(intent, REQUEST_CODE);
            }
        });
    }

@Override
    protected void onActivityResult(int requestCode, int resultCode, Intent data) {
        super.onActivityResult(requestCode, resultCode, data);

if (requestCode == REQUEST_CODE && resultCode == RESULT_OK) {
            imageUri = data.getData();
            profile_icon.setImageURI(imageUri);
        }
    }

private void formSubmit() {

submitBtn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                dialog.setTitle("uploading...");
                dialog.show();

StorageReference storageReference = mstorage.getReference().child("Image").child(imageUri.getLastPathSegment());
                storageReference.putFile(imageUri).addOnSuccessListener(new OnSuccessListener<UploadTask.TaskSnapshot>() {

@Override
                    public void onSuccess(UploadTask.TaskSnapshot taskSnapshot) {
                        Task<Uri> downloadUrl = taskSnapshot.getStorage().getDownloadUrl().addOnCompleteListener(new OnCompleteListener<Uri>() {

@Override
                            public void onComplete(Task<Uri> task) {
                                if (task.isSuccessful()) {
                                    String t = task.getResult().toString();
                                    mdataref.child("Image").setValue(t);
                                }
                                dialog.dismiss();
                                profile_icon.setImageURI(null);
                                Log.v("Tag" + TAG, "onComplete()");
                            }
                        });
                        Intent intent = new Intent(MainActivity.this, ViewPagerActivity.class);
                        startActivity(intent);
                        finish();
                    }
                });
                validateInput();
            }
        });
    }

private void validateInput() {
        String textuser = username.getText().toString();
        String textEmail = email.getText().toString();
        String textPswd = pswd.getText().toString();
        String textConfPswd = confirmpswd.getText().toString();

if (TextUtils.isEmpty(textuser)) {
            username.setError("Username is required");
            username.requestFocus();
        } else if (TextUtils.isEmpty(textEmail)) {
            email.setError("Email is required!");
            email.requestFocus();
        } else if (!Patterns.EMAIL_ADDRESS.matcher(textEmail).matches()) {
            email.setError("please input a valid email containing '@'");
            email.requestFocus();
        } else if (TextUtils.isEmpty(textPswd)) {
            pswd.setError("password is required");
            pswd.requestFocus();
        } else if (TextUtils.isEmpty(textConfPswd)) {
            confirmpswd.setError("confirm password is required!");
            confirmpswd.requestFocus();
        } else if (!textPswd.equals(textConfPswd)) {
            confirmpswd.setError("Password don't match");
            confirmpswd.requestFocus();
        } else {
            insertData(textuser, textEmail, textPswd, textConfPswd);
            dialog.setTitle("Inserting data...");
            dialog.show();

username.setText("");
            email.setText("");
            pswd.setText("");
            confirmpswd.setText("");

}
    }

private void insertData(String textuser, String textEmail, String textPswd, String textConfPswd) {
        ObjectModel data = new ObjectModel(textuser, textEmail, textPswd, textConfPswd, null);
        mdataref.setValue(data);
    }

private void moveBack() {
        btnPrevious.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                onBackPressed();
            }
        });
    }

private void moveNext() {
        btnNext.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                startActivity(new Intent(MainActivity.this, ViewPagerActivity.class));
                finish();
            }
        });
    }
}

#Model Class Code:

package com.naldskie.firebasedemo.model;

import android.os.Parcel;
import android.os.Parcelable;

public class ObjectModel implements Parcelable {
    private String textuser, textEmail, textPswd, textConfPswd,Image;

public ObjectModel() {
        new ObjectModel(textuser, textEmail, textPswd, textConfPswd,Image);
    }

public ObjectModel(String username, String textEmail, String textPswd, String textConfPswd, String image) {
        this.textuser = username;
        this.textEmail = textEmail;
        this.textPswd = textPswd;
        this.textConfPswd = textConfPswd;
        Image = image;
    }

protected ObjectModel(Parcel in) {
        textuser = in.readString();
        textEmail = in.readString();
        textPswd = in.readString();
        textConfPswd = in.readString();
        Image = in.readString();
    }

@Override
    public void writeToParcel(Parcel dest, int flags) {
        dest.writeString(textuser);
        dest.writeString(textEmail);
        dest.writeString(textPswd);
        dest.writeString(textConfPswd);
        dest.writeString(Image);
    }

@Override
    public int describeContents() {
        return 0;
    }

public static final Creator<ObjectModel> CREATOR = new Creator<ObjectModel>() {
        @Override
        public ObjectModel createFromParcel(Parcel in) {
            return new ObjectModel(in);
        }

@Override
        public ObjectModel[] newArray(int size) {
            return new ObjectModel[size];
        }
    };

public String getTextuser() {
        return textuser;
    }

public String getTextEmail() {
        return textEmail;
    }

public String getTextPswd() {
        return textPswd;
    }

public String getImage() {
        return Image;
    }

public String getTextConfPswd() {
        return textConfPswd;
    }
}

#Pager Adapter Class Code:

package com.naldskie.firebasedemo.adapter;

import android.content.Context;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Button;
import android.widget.TextView;
import androidx.viewpager.widget.PagerAdapter;
import androidx.viewpager.widget.ViewPager;
import com.google.android.material.imageview.ShapeableImageView;
import com.naldskie.firebasedemo.R;
import com.naldskie.firebasedemo.model.ObjectModel;
import com.squareup.picasso.Picasso;
import java.util.List;

public class PageAdapter extends PagerAdapter {
    private static final String TAG = "\t" + PageAdapter.class.getSimpleName();
    Context context;
    List<ObjectModel> objectModelList;
    ShapeableImageView imgprofile;
    TextView username;
    Button submitBtn;
    private LayoutInflater inflater;

public PageAdapter(Context context, List<ObjectModel> objectModelList) {
        this.context = context;
        this.objectModelList = objectModelList;
        this.inflater = LayoutInflater.from(context);
        Log.v("Tag" + TAG, "PageAdapter()");
    }

@Override
    public boolean isViewFromObject(View view, Object object) {
        Log.v("Tag" + TAG, "isViewFromObject()");
        return view.equals(object);
    }

@Override
    public Object instantiateItem(ViewGroup container, int position) {
        View view = inflater.inflate(R.layout.viewpager_item, container, false);

imgprofile = view.findViewById(R.id.img_profile);
        username = view.findViewById(R.id.text_name);
        submitBtn = view.findViewById(R.id.btn_addtofamily);

username.setText(objectModelList.get(position).getTextuser());
        String imageUri = null;
        imageUri = objectModelList.get(position).getImage();
        Picasso.get().load(imageUri).into(imgprofile);

container.addView(view);
        Log.v("Tag" + TAG, "instantiateItem()");
        return view;
    }

@Override
    public void destroyItem(ViewGroup container, int position, Object object) {
        ((ViewPager) container).removeView((View) object);
        Log.v("Tag" + TAG, "destroyItem()");
    }

@Override
    public int getCount() {
        Log.v("Tag" + TAG, "getCount()");
        return objectModelList.size();
    }
}

#PageViewer Activity Class Code:

package com.naldskie.firebasedemo.activities;

import android.os.Bundle;
import android.util.Log;
import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import androidx.appcompat.app.AppCompatActivity;
import androidx.viewpager.widget.ViewPager;
import com.google.firebase.database.ChildEventListener;
import com.google.firebase.database.DataSnapshot;
import com.google.firebase.database.DatabaseError;
import com.google.firebase.database.DatabaseReference;
import com.google.firebase.database.FirebaseDatabase;
import com.naldskie.firebasedemo.R;
import com.naldskie.firebasedemo.adapter.PageAdapter;
import com.naldskie.firebasedemo.model.ObjectModel;
import java.util.ArrayList;
import java.util.List;

public class ViewPagerActivity extends AppCompatActivity {
    private static final String TAG = "\t" + ViewPagerActivity.class.getSimpleName();
    private static final String DB = "https://fir-demo-8bb0b-default-rtdb.asia-southeast1.firebasedatabase.app/";
    DatabaseReference mdataref;
    FirebaseDatabase mdatabase;
    ViewPager viewPager;

PageAdapter adapter;
    List<ObjectModel> objectModelList;

@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        Log.v("Tag" + TAG, "onCreate()");
        setContentView(R.layout.viewpager_activity);
        mdatabase = FirebaseDatabase.getInstance(DB);
        mdataref = mdatabase.getReference().child("users/account");
        viewPager = findViewById(R.id.mview_pager);
        viewPager.setCurrentItem(1);

loadFirebaseData();
    }

private void loadFirebaseData() {
        objectModelList = new ArrayList<ObjectModel>();
        mdataref.addChildEventListener(new ChildEventListener() {

@Override
            public void onChildAdded(@NonNull DataSnapshot snapshot, @Nullable String previousChildName) {
                ObjectModel data = snapshot.getValue(ObjectModel.class);
                objectModelList.add(data);
                adapter = new PageAdapter(ViewPagerActivity.this, objectModelList);
                adapter.notifyDataSetChanged();
                viewPager.setAdapter(adapter);
            }

@Override
            public void onChildChanged(@NonNull DataSnapshot snapshot, @Nullable String previousChildName) {

}

@Override
            public void onChildRemoved(@NonNull DataSnapshot snapshot) {

}

@Override
            public void onChildMoved(@NonNull DataSnapshot snapshot, @Nullable String previousChildName) {

}

@Override
            public void onCancelled(@NonNull DatabaseError error) {

}
        });

//        viewPager.setAdapter(adapter);

Log.v("Tag" + TAG, "onLoadFirebaseData()");

}
}