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

#firebasetutorial #android #Firestorage #registration #registrationform

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()");

}
}

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

#Root build.gradle code:

#App build.gradle code:

#Manifest.xml code:

#MainActivity code:

#Model Class Code:

#Pager Adapter Class Code:

#PageViewer Activity Class Code:

Download Complete zip file: #Mirror1,#Mirror2

Posted by ninalblog

Post a Comment

0 Comments

Search This Blog

Subscribe Us

Tags

linkvertise

Total Pageviews

Most Popular

Best wifi password Retriever using WPS PIN & BULLY in android

Finch vpn free internet tricks for android 2022

Download

Categories

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

#Root build.gradle code:

#App build.gradle code:

#Manifest.xml code:

#MainActivity code:

#Model Class Code:

#Pager Adapter Class Code:

#PageViewer Activity Class Code:

Download Complete zip file: #Mirror1,#Mirror2

Posted by ninalblog

Post a Comment

0 Comments

Search This Blog

Subscribe Us

Tags

linkvertise

Total Pageviews

Most Popular

Best wifi password Retriever using WPS PIN & BULLY in android

Finch vpn free internet tricks for android 2022

Download

Categories

Footer Social Widget