{"time":1699789111772,"blocks":[{"id":"ed37DL784Y","type":"paragraph","data":{"text":"Firebase Authentication allows users to sign in to your app using one or more sign-in methods, including email address and password sign-in. We will build a simple login/register (Firebase Authentication) demo step by step using the Firebase Email & Password authentication. You can check my GithubRepo for a full project setup."}},{"id":"L6HsiapMau","type":"header","data":{"text":"Step 1: Connect your project to firebase:","level":4}},{"id":"-olExFUaDp","type":"paragraph","data":{"text":"First of all click Tools -> Firebase to add your project to firebase. Then click Assistant from the right sidebar and press Authentication."}},{"id":"36S6Ssyzm_","type":"image","data":{"file":{"url":"https://api.fazleyrabbi.dev/images/2023-10-12T11-09-49.463Z-1_uyhyup3antlygfdbs68_cg.webp"},"caption":"","withBorder":false,"stretched":false,"withBackground":false}},{"id":"N0XmPdx4XT","type":"image","data":{"file":{"url":"https://api.fazleyrabbi.dev/images/2023-10-12T11-10-00.334Z-1_0in7ccs-hdaehei8b4pgmq.webp"},"caption":"Link to the Firebase Authentication.","withBorder":false,"stretched":false,"withBackground":false}},{"id":"kXWtfTbFlJ","type":"paragraph","data":{"text":"Connect your project to firebase and add firebase Authentication to your app. I have already connected it that’s why it shows a green color Connected text."}},{"id":"jn1oWUuKbE","type":"image","data":{"file":{"url":"https://api.fazleyrabbi.dev/images/2023-10-12T11-10-22.461Z-1_sn4mjw4s3usayqcgkvcanq.webp"},"caption":"Connect your app and add Gradle dependency for Firebase Authentication.","withBorder":false,"stretched":false,"withBackground":false}},{"id":"gVcbxdMloA","type":"paragraph","data":{"text":"Then you need to do is go to https://firebase.google.com/ and make an account to gain access to their console. Then Click Go To Console you can see your project by clicking that you will move your project console page. Click Authentication from the left menu clicks Sign-in method then enable Email/Password options by clicking it."}},{"id":"d4X78l3Wbd","type":"image","data":{"file":{"url":"https://api.fazleyrabbi.dev/images/2023-10-12T11-10-39.412Z-1_9js9x2gxt5ehfr6xz2iu9g.webp"},"caption":"Enable Email/Password for Authentication","withBorder":false,"stretched":false,"withBackground":false}},{"id":"cvaMCIO-K8","type":"header","data":{"text":"Step 2: Creating an Android Project","level":4}},{"id":"kSPCrb0oKf","type":"paragraph","data":{"text":"Create a new project in Android Studio from File ⇒ New Project. When it prompts you to select the default activity, select Empty Activity, and proceed."}},{"id":"Vzh8VkA2EC","type":"paragraph","data":{"text":"Open AndroidManifest.xml and add INTERNET permission as we need to make network calls."}},{"id":"bj9bU3WEzJ","type":"codeBox","data":{"code":"

<uses-permission android:name=\"android.permission.INTERNET\" />

","language":"Auto-detect","theme":"https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@9.18.1/build/styles/atom-one-dark.min.css"}},{"id":"N4BCcr2WIh","type":"header","data":{"text":"Step 3: Add Dependencies","level":4}},{"id":"6AgDOL2hlX","type":"paragraph","data":{"text":"Here I am using Butterknife for finding widgets you can add it is this way Project -> Gradle -> build.gradle and add these dependencies."}},{"id":"u0HzvN_RjN","type":"codeBox","data":{"code":"

implementation 'com.android.support:design:28.0.0'

// butterknife
implementation 'com.jakewharton:butterknife:9.0.0-rc2'
annotationProcessor 'com.jakewharton:butterknife-compiler:9.0.0-rc2'

","language":"Auto-detect","theme":"https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@9.18.1/build/styles/atom-one-dark.min.css"}},{"id":"GyBxd64prX","type":"paragraph","data":{"text":"I am using here 4 Activity including Main activity so click New -> Activity -> Empty Activity and create 3 Activity SignupActivity, LoginActivity, ResetActivity. "}},{"id":"nOSUcNzuCF","type":"header","data":{"text":"Step 4: User Registration-SignupActivity","level":4}},{"id":"ZT73BsKIEV","type":"paragraph","data":{"text":"Add XML from my Github repo. Now moving to java file add these codes in OnCreate Method."}},{"id":"HxtW2isaqT","type":"codeBox","data":{"code":"

firebaseAuth = FirebaseAuth.getInstance(); //need firebase authentication instance

","language":"Auto-detect","theme":"https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@9.18.1/build/styles/atom-one-dark.min.css"}},{"id":"7hBG2hu9mw","type":"paragraph","data":{"text":"For registration, Firebase provides the createUserWithEmailAndPassword() method to create a new user with email and password data. Add these codes to the registration button. After adding code press CTRL + ALT + L to reformat your code."}},{"id":"XWcvzhfLBE","type":"codeBox","data":{"code":"

//register user
firebaseAuth.createUserWithEmailAndPassword(userEmail,userPassword)
        .addOnCompleteListener(SignupActivity.this, new OnCompleteListener<AuthResult>() {
            @Override
            public void onComplete(@NonNull Task<AuthResult> task) {
                Log.d(TAG, \"New user registration: \" + task.isSuccessful());

                if (!task.isSuccessful()) {
                    SignupActivity.this.showToast(\"Authentication failed. \" + task.getException());
                } else {
                    SignupActivity.this.startActivity(new Intent(SignupActivity.this, MainActivity.class));
                    SignupActivity.this.finish();
                }
            }
        });

","language":"Auto-detect","theme":"https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@9.18.1/build/styles/atom-one-dark.min.css"}},{"id":"hXTjnDtAQx","type":"paragraph","data":{"text":"If you have done all these things correctly and register you can see the user-created with the email id you have given the android app."}},{"id":"a_NKNSpIy9","type":"image","data":{"file":{"url":"https://api.fazleyrabbi.dev/images/2023-10-12T11-11-39.625Z-1_f9ah9qqw9p5gjvbkfl9uoa.webp"},"caption":"User registration data","withBorder":false,"stretched":false,"withBackground":false}},{"id":"ZxqMqAwmGM","type":"header","data":{"text":"Step 5: User Login-LoginActivity","level":4}},{"id":"JnfrixQZAA","type":"paragraph","data":{"text":"Add these codes before setContentView to auto-login if the user already registered."}},{"id":"b4mF9Bo33o","type":"codeBox","data":{"code":"

if (firebaseAuth.getCurrentUser() != null) {
    // User is logged in
    startActivity(new Intent(LoginActivity.this, MainActivity.class));
    finish();
}

","language":"Auto-detect","theme":"https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@9.18.1/build/styles/atom-one-dark.min.css"}},{"id":"rvDnp1lMIb","type":"paragraph","data":{"text":"Then in the login button add these lines of code for the login users. Firebase provides signInWithEmailAndPassword() method to sign in the user."}},{"id":"BpGBC60I42","type":"codeBox","data":{"code":"

firebaseAuth.signInWithEmailAndPassword(useremail,userpassword)
        .addOnCompleteListener(new OnCompleteListener<AuthResult>() {
            @Override
            public void onComplete(@NonNull Task<AuthResult> task) {
                progressBar.setVisibility(View.GONE);

                if (!task.isSuccessful()) {

                    if (userpassword.length() < 6) {
                        password.setError(LoginActivity.this.getString(R.string.minimum_password));
                    } else {
                        Toast.makeText(LoginActivity.this, LoginActivity.this.getString(R.string.auth_failed), Toast.LENGTH_SHORT).show();
                    }

                } else {
                    LoginActivity.this.startActivity(new Intent(LoginActivity.this, MainActivity.class));
                    LoginActivity.this.finish();
                }
            }
        });

","language":"Auto-detect","theme":"https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@9.18.1/build/styles/atom-one-dark.min.css"}},{"id":"ulXVq9Y9AE","type":"paragraph","data":{"text":"Open AndroidManifest.xml and make the LoginActivity.java as launcher activity to make the login screen as the first screen."}},{"id":"XOfvZvsEVe","type":"header","data":{"text":"Step 6: Forgot Password?-ResetActivity","level":4}},{"id":"cLt5HMJ9t8","type":"paragraph","data":{"text":"For forgot password button Firebase provides a sendPasswordResetEmail() method to send a reset email. Firebase will send an email to you to reset your previous password. Add these codes to the reset button."}},{"id":"YiGf8vZR4c","type":"codeBox","data":{"code":"

//reset password you will get a mail
firebaseAuth.sendPasswordResetEmail(userEmail)
        .addOnCompleteListener(new OnCompleteListener<Void>() {
            @Override
            public void onComplete(@NonNull Task<Void> task) {
                if (task.isSuccessful()) {
                    Toast.makeText(ResetActivity.this, \"We have sent you instructions to reset your password!\", Toast.LENGTH_SHORT).show();
                } else {
                    Toast.makeText(ResetActivity.this, \"Failed to send reset email!\", Toast.LENGTH_SHORT).show();
                }

                progressBar.setVisibility(View.GONE);
            }
        });

","language":"Auto-detect","theme":"https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@9.18.1/build/styles/atom-one-dark.min.css"}},{"id":"AiBm6xRESd","type":"header","data":{"text":"Step 7: All things put together-MainActivity","level":4}},{"id":"xuzrvHFQl2","type":"paragraph","data":{"text":"In MainActivity we have some button for change Email, change Password, send reset email, Remove user and Logout lets work."}},{"id":"WIP_6MMmhn","type":"paragraph","data":{"text":"First of all these variables for firebase authentication and FirebaseAuth.AuthStateListener"}},{"id":"avajLmAGke","type":"paragraph","data":{"text":"AuthStateListener is called when there is a change in the authentication state."}},{"id":"bGxx75CGOU","type":"paragraph","data":{"text":"OnAuthStateChanged gets invoked in the UI thread on changes in the authentication state:"}},{"id":"dDV7Wd6VlF","type":"list","data":{"style":"unordered","items":["Right after the listener has been registered","When a user is signed in","When the current user is signed out","When the current user changes","When there is a change in the current user’s token"]}},{"id":"qe9JcJ8-4p","type":"codeBox","data":{"code":"

private FirebaseAuth firebaseAuth;
private FirebaseAuth.AuthStateListener fireAuthListener;

","language":"none","theme":"https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@9.18.1/build/styles/atom-one-dark.min.css"}},{"id":"DVvK7y50Gv","type":"paragraph","data":{"text":"Now add these code in onCreate method for getting firebase authentication instance and current user"}},{"id":"3O0EvLmWdY","type":"codeBox","data":{"code":"

private FirebaseAuth firebaseAuth;
private FirebaseAuth.AuthStateListener fireAuthListener;

","language":"none","theme":"https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@9.18.1/build/styles/atom-one-dark.min.css"}},{"id":"7hHjZo2BMM","type":"paragraph","data":{"text":" Checking user session: In onCreate method"}},{"id":"S9uScuF8Rw","type":"codeBox","data":{"code":"

fireAuthListener = new FirebaseAuth.AuthStateListener() {
    @Override
    public void onAuthStateChanged(@NonNull FirebaseAuth firebaseAuth) {
        FirebaseUser user1 = firebaseAuth.getCurrentUser();

        if (user1 == null) {
            //user not login
            MainActivity.this.startActivity(new Intent(MainActivity.this, LoginActivity.class));
            MainActivity.this.finish();
        }
    }
};

","language":"none","theme":"https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@9.18.1/build/styles/atom-one-dark.min.css"}},{"id":"9kYQxCDpbH","type":"paragraph","data":{"text":" Change Email: For changing email address Firebase provides updateEmai() method."}},{"id":"jU6A3yGhfG","type":"codeBox","data":{"code":"

user.updateEmail(newEmailText)
        .addOnCompleteListener(new OnCompleteListener<Void>() {
            @Override
            public void onComplete(@NonNull Task<Void> task) {
                if (task.isSuccessful()) {
                    Toast.makeText(MainActivity.this,
                            \"Email address is updated. Please sign in with new email id!\", Toast.LENGTH_SHORT).show();
                    firebaseAuth.signOut();
                    progressBar.setVisibility(View.GONE);
                } else {
                    Toast.makeText(MainActivity.this, \"Failed to update email!\", Toast.LENGTH_SHORT).show();
                    progressBar.setVisibility(View.GONE);
                }
            }
        });

","language":"none","theme":"https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@9.18.1/build/styles/atom-one-dark.min.css"}},{"id":"mOUr6DEliq","type":"paragraph","data":{"text":" Change Password: For changing password Firebase provides an updatePassword() method."}},{"id":"92WTJeyT0r","type":"codeBox","data":{"code":"

user.updatePassword(newPasswordText)
        .addOnCompleteListener(new OnCompleteListener<Void>() {
            @Override
            public void onComplete(@NonNull Task<Void> task) {
                if (task.isSuccessful()) {
                    Toast.makeText(MainActivity.this, \"Password is updated, sign in with new password!\", Toast.LENGTH_SHORT).show();
                    firebaseAuth.signOut();
                    progressBar.setVisibility(View.GONE);
                } else {
                    Toast.makeText(MainActivity.this, \"Failed to update password!\", Toast.LENGTH_SHORT).show();
                    progressBar.setVisibility(View.GONE);
                }
            }
        });

","language":"Auto-detect","theme":"https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@9.18.1/build/styles/atom-one-dark.min.css"}},{"id":"iYenjYpc6y","type":"paragraph","data":{"text":" Deleting Account / User: For deleting a account Firebase provides delete() method. It remove all information from the firebase database."}},{"id":"8yjkzJ_20T","type":"codeBox","data":{"code":"

user.delete()
       .addOnCompleteListener(new OnCompleteListener<Void>() {
           @Override
           public void onComplete(@NonNull Task<Void> task) {
               if (task.isSuccessful()) {
                   Toast.makeText(MainActivity.this, \"Your profile is deleted:( Create a account now!\", Toast.LENGTH_SHORT).show();
                   MainActivity.this.startActivity(new Intent(MainActivity.this, SignupActivity.class));
                   MainActivity.this.finish();
                   progressBar.setVisibility(View.GONE);
               } else {
                   Toast.makeText(MainActivity.this, \"Failed to delete your account!\", Toast.LENGTH_SHORT).show();
                   progressBar.setVisibility(View.GONE);
               }
           }
       });

","language":"Auto-detect","theme":"https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@9.18.1/build/styles/atom-one-dark.min.css"}},{"id":"6O7bEHxgS1","type":"paragraph","data":{"text":"For signing out"}},{"id":"kwRetJKpY0","type":"codeBox","data":{"code":"

//simple signing out
signOut.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        firebaseAuth.signOut();
    }
});

","language":"Auto-detect","theme":"https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@9.18.1/build/styles/atom-one-dark.min.css"}},{"id":"zI2Fd6vEZV","type":"paragraph","data":{"text":"Now add these codes in onStart and onStop method for add and remove AuthStateListener. "}},{"id":"keYLMZSDZZ","type":"codeBox","data":{"code":"

@Override
protected void onStart() {
    super.onStart();

    firebaseAuth.addAuthStateListener(fireAuthListener);
}

@Override
protected void onStop() {
    super.onStop();

    if(fireAuthListener != null){
        firebaseAuth.removeAuthStateListener(fireAuthListener);
    }
}

","language":"Auto-detect","theme":"https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@9.18.1/build/styles/atom-one-dark.min.css"}},{"id":"JDOPATo_kZ","type":"paragraph","data":{"text":"That’s all for this article You can check my GithubRepo for better understanding. Thank You!"}},{"id":"MfnnruccC1","type":"delimiter","data":{}}],"version":"2.28.2"}

Firebase Login and Registration Authentication

Android Development