/AndroidFirebase-Demo

Android Firebase

Primary LanguageJava

AndroidFirebase-Demo

This application demonstrates how to use Firebase for:

  1. Email/Password authentication
  2. Facebook authentication
  3. Log events
  4. Database

Android Authentication

Step 1 - Connect App with Firebase

  1. In Android Studio, go to Tools -> Firebase.
  2. Go to Authentication -> Email and password authentication.
  3. Connect app to Firebase by clicking Connect to Firebase button and once dialog opens, click on the blue button below.
  4. Once app is connected, add Firebase Authentication to the app.

Android Email/Password Login with Firebase

Step 1 - Enable Email Login

  1. Go to Firebase console page and go to Authentication -> Sign-in Method
  2. Enable Email/Password login.

Step 2 - Setup in Android Studio

  1. Add the following code in build.gradle(Project)
buildscript {
    dependencies {
        ...
        classpath 'com.google.gms:google-services:3.1.0'
    }
}
  1. In your Manifest, add the following permission:
<uses-permission android:name="android.permission.INTERNET" />

Step 3 - Android Code for Facebook Authentication

  1. Add the following Java code in RegisterActivity:
public class RegistrationActivity extends FirebaseBaseActivity implements View.OnClickListener {

    private FirebaseAuth auth;
    private EditText editEmail;
    private EditText editPassword;

    private String textEmailAddress;
    private String textPassword;

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

        auth = FirebaseAuth.getInstance();

        editEmail = findViewById(R.id.edit_email);
        editPassword = findViewById(R.id.edit_password);

        TextView buttonRegister = findViewById(R.id.button_register);
        buttonRegister.setOnClickListener(this);
    }

    @Override
    public void onClick(View view) {
        switch (view.getId()) {
            case R.id.button_register : {
                textEmailAddress = editEmail.getText().toString();
                textPassword = editPassword.getText().toString();

                if(!textEmailAddress.isEmpty() && !textPassword.isEmpty()) {
                    final ProgressDialog progressDialog = ProgressDialog.show(this, "Please wait...", "Processing...", true);

                    auth.createUserWithEmailAndPassword(textEmailAddress, textPassword)
                            .addOnCompleteListener(new OnCompleteListener<AuthResult>() {
                                @Override
                                public void onComplete(@NonNull Task<AuthResult> task) {
                                    progressDialog.dismiss();

                                    if (task.isSuccessful()) {
                                        updateUI();
                                    } else {
                                        Toast.makeText(RegistrationActivity.this, task.getException().getMessage(), Toast.LENGTH_LONG).show();
                                    }
                                }
                            });
                } else {
                    Toast.makeText(RegistrationActivity.this, "Please do not leave the fields empty.", Toast.LENGTH_LONG).show();
                }

                break;
            }

            default: {
                break;
            }
        }
    }

    private void updateUI() {
        Toast.makeText(RegistrationActivity.this, "You have registered successfully", Toast.LENGTH_LONG).show();
        Intent intent = new Intent(RegistrationActivity.this, LoginActivity.class);
        intent.putExtra(LoginActivity.KEY_EMAIL, textEmailAddress);
        startActivity(intent);
        finish();
    }
}
  1. Add the following Java code in LoginActivity:
public class LoginActivity extends FirebaseBaseActivity implements View.OnClickListener {

    public static final String KEY_EMAIL = "EMAIL";

    private static final String TAG = LoginActivity.class.getCanonicalName();

    private FirebaseAuth auth;

    private EditText editEmail;
    private EditText editPassword;
    
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_login);

        auth = FirebaseAuth.getInstance();

        TextView loginEmailButton = findViewById(R.id.button_email_login);
        LinearLayout registerButton = findViewById(R.id.button_register);
        editEmail = findViewById(R.id.edit_email);
        editPassword = findViewById(R.id.edit_password);

        loginEmailButton.setOnClickListener(this);
        registerButton.setOnClickListener(this);
    }

    @Override
    public void onClick(View view) {
        switch (view.getId()) {
            case R.id.button_email_login : {
                String textEmailAddress = editEmail.getText().toString();
                String textPassword = editPassword.getText().toString();

                if(!textEmailAddress.isEmpty() && !textPassword.isEmpty()) {
                    final ProgressDialog progressDialog = ProgressDialog.show(this,
                            "Please wait...", "Processing...", true);
                    auth.signInWithEmailAndPassword(textEmailAddress, textPassword)
                            .addOnCompleteListener(new OnCompleteListener<AuthResult>() {
                                @Override
                                public void onComplete(@NonNull Task<AuthResult> task) {
                                    progressDialog.dismiss();

                                    if (task.isSuccessful()) {
                                        updateUI();
                                    } else {
                                        Toast.makeText(LoginActivity.this, task.getException().getMessage(), Toast.LENGTH_LONG).show();
                                    }
                                }
                            });
                } else {
                    Toast.makeText(LoginActivity.this, "Please do not leave the fields empty.", Toast.LENGTH_LONG).show();
                }

                break;
            }

            case R.id.button_register : {
                Intent intent = new Intent(LoginActivity.this, RegistrationActivity.class);
                startActivity(intent);
                finish();
                break;
            }

            default: {
                break;
            }
        }
    }

    @Override
    public void onStart() {
        super.onStart();
        // Check if user is signed in (non-null) and update UI accordingly.
        FirebaseUser currentUser = auth.getCurrentUser();

        if(currentUser != null) {
            updateUI();
        }
    }

    private void updateUI() {
        Toast.makeText(LoginActivity.this, "You are logged in", Toast.LENGTH_LONG).show();
        Intent intent = new Intent(LoginActivity.this, UserActivity.class);
        startActivity(intent);
        finish();
    }
}

Android Facebook Login with Firebase

Step 1 - Enable Facebook Login

  1. Go to Facebook for Developers.
  2. On top right hand corner, go to Create App button and enter the App name as the display name and your own contact email.
  3. Go to Facebook console page and go to Dashboard to retrieve App ID and App Secret.
  4. Go to Firebase console page and go to Authentication -> Sign-in Method and enable Facebook login. Enter the App ID and App Secret retrieved from Facebook console page. Copy the OAuth redirect URI as well.
  5. Go back to Facebook console page and click on Add Product-> under Facebook, click Setup. Paste the OAuth redirect URI under the textbox for Valid OAuth redirect URIs.

Step 2 - Setup in Android Studio

  1. Go to Facebook Login.
  2. Select your app in step 1.
  3. Link the Facebook SDK by selecting Maven. Add the following code in build.gradle(Project)
buildscript {
    
    repositories {
        maven { url 'https://maven.google.com' }
        mavenCentral()
        jcenter()
    }
    dependencies {
        // Eliminated
    }
}
  1. Add the following dependencies in build.gradle(Module)
implementation 'com.facebook.android:facebook-login:[4,5)'
  1. Add the following in strings.xml:
<string name="facebook_app_id">201486427066708</string>
<string name="fb_login_protocol_scheme">fb201486427066708</string>
  1. In your Manifest, add the following permission:
<uses-permission android:name="android.permission.INTERNET" />

Also add the following in your application body:

<meta-data
    android:name="com.facebook.sdk.ApplicationId"
    android:value="@string/facebook_app_id" />
    
<activity
    android:name="com.facebook.FacebookActivity"
    android:configChanges="keyboard|keyboardHidden|screenLayout|screenSize|orientation"
    android:label="@string/app_name" />
<activity
    android:name="com.facebook.CustomTabActivity"
    android:exported="true">
    <intent-filter>
        <action android:name="android.intent.action.VIEW" />

        <category android:name="android.intent.category.DEFAULT" />
        <category android:name="android.intent.category.BROWSABLE" />

        <data android:scheme="@string/fb_login_protocol_scheme" />
    </intent-filter>
</activity>
  1. Enter Android package name and default class in Facebook Login. Click Use this Package Name if package does not exist in Google Play.
  2. Retrieve key hashes for the App by running following command on terminal (Note that password is your Facebook account password):
keytool -exportcert -alias androiddebugkey -keystore ~/.android/debug.keystore | openssl sha1 -binary | openssl base64

Enter the generated key hash in Facebook Login.

Step 3 - Android Code for Facebook Authentication

  1. Add Facebook Login Button in xml layout file:
<Button
    android:id="@+id/login_button"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center_horizontal"
    android:layout_marginTop="30dp"
    android:layout_marginBottom="30dp" />
  1. Add the following Java code in LoginActivity:
public class LoginActivity extends AppCompatActivity {

    private static final String TAG = MainActivity.class.getCanonicalName();

    private CallbackManager mCallbackManager;
    private FirebaseAuth mAuth;

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

        // Initialize Facebook Login button
        mCallbackManager = CallbackManager.Factory.create();
        mAuth = FirebaseAuth.getInstance();

        final Button loginButton = findViewById(R.id.login_button);
        loginButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                LoginManager.getInstance().logInWithReadPermissions(MainActivity.this,
                        Arrays.asList("email", "public_profile"));
                LoginManager.getInstance().registerCallback(mCallbackManager, new FacebookCallback<LoginResult>() {
                    @Override
                    public void onSuccess(LoginResult loginResult) {
                        Log.d(TAG, "facebook:onSuccess:" + loginResult);
                        // Pass in token result from facebook and sign into Firebase
                        handleFacebookAccessToken(loginResult.getAccessToken());
                    }

                    @Override
                    public void onCancel() {
                        Log.d(TAG, "facebook:onCancel");
                        // ...
                    }

                    @Override
                    public void onError(FacebookException error) {
                        Log.d(TAG, "facebook:onError", error);
                        // ...
                    }
                });
            }
        });
    }

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

        // Callback manager asks for result from the new Facebook activity
        // Pass the activity result back to the Facebook SDK
        mCallbackManager.onActivityResult(requestCode, resultCode, data);
    }

    @Override
    public void onStart() {
        super.onStart();
        // Check if user is signed in (non-null) and update UI accordingly.
        FirebaseUser currentUser = mAuth.getCurrentUser();

        if(currentUser != null) {
            updateUI();
        }
    }

    private void updateUI() {
        Toast.makeText(this, "You're logged in", Toast.LENGTH_LONG).show();
        Intent intent = new Intent(MainActivity.this, AccountActivity.class);
        startActivity(intent);
        finish();
    }

    private void handleFacebookAccessToken(AccessToken token) {
        Log.d(TAG, "handleFacebookAccessToken:" + token);

        // Sign in with Facebook with token retrieved from Facebook
        AuthCredential credential = FacebookAuthProvider.getCredential(token.getToken());
        mAuth.signInWithCredential(credential)
                .addOnCompleteListener(this, new OnCompleteListener<AuthResult>() {
                    @Override
                    public void onComplete(@NonNull Task<AuthResult> task) {
                        if (task.isSuccessful()) {
                            // Sign in success, update UI with the signed-in user's information
                            Log.d(TAG, "signInWithCredential:success");
                            FirebaseUser user = mAuth.getCurrentUser();
                            updateUI();
                        } else {
                            // If sign in fails, display a message to the user.
                            Log.w(TAG, "signInWithCredential:failure", task.getException());
                            Toast.makeText(MainActivity.this, "Authentication failed.",
                                    Toast.LENGTH_SHORT).show();
                        }
                    }
                });
    }
}
  1. Add the following Java code in LogoutActivity:
public class LogoutActivity extends AppCompatActivity {

    private FirebaseAuth mAuth;

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

        mAuth = FirebaseAuth.getInstance();
        
        Button logoutButton = (Button) findViewById(R.id.logout_button);
        logoutButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                // Logout Firebase
                mAuth.signOut();
                // Logout Facebook
                LoginManager.getInstance().logOut();
                updateUI();
            }
        });
    }

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

        FirebaseUser currentUser = mAuth.getCurrentUser();

        if(currentUser == null) {
            updateUI();
        }
    }

    private void updateUI() {
        Intent intent = new Intent(AccountActivity.this, MainActivity.class);
        startActivity(intent);
        finish();
    }
}

Log Events

  • Learn more at Firebase Params.
  • Note that you might have to wait up to hours for Analytics to update the latest records.
public class UserActivity extends FirebaseBaseActivity implements View.OnClickListener {

    private FirebaseAuth auth;
    private FirebaseAnalytics analytics;

    private TextView logoutButton;

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

        analytics = FirebaseAnalytics.getInstance(this);

        TextView clickMeButton = findViewById(R.id.button_click_me);
        TextView doNotClickMeButton = findViewById(R.id.button_do_not_click_me);

        clickMeButton.setOnClickListener(this);
        doNotClickMeButton.setOnClickListener(this);
    }

    @Override
    public void onClick(View view) {
        switch (view.getId()) {
            case R.id.button_click_me : {
                // Log button click
                Snackbar snackbar = Snackbar.make(logoutButton, "Click Me triggered", Snackbar.LENGTH_LONG);
                snackbar.show();

                Bundle bundle = new Bundle();
                bundle.putString(FirebaseAnalytics.Param.ITEM_ID, "button_click_me");
                bundle.putString(FirebaseAnalytics.Param.ITEM_NAME, "Click Me!");
                bundle.putString(FirebaseAnalytics.Param.CONTENT_TYPE, "Button");
                analytics.logEvent(FirebaseAnalytics.Event.SELECT_CONTENT, bundle);
                break;
            }

            case R.id.button_do_not_click_me : {
                // Log button click
                Snackbar snackbar = Snackbar.make(logoutButton, "Do NOT Click Me triggered", Snackbar.LENGTH_LONG);
                snackbar.show();

                Bundle bundle = new Bundle();
                bundle.putString(FirebaseAnalytics.Param.ITEM_ID, "button_do_not_click_me");
                bundle.putString(FirebaseAnalytics.Param.ITEM_NAME, "Do NOT Click Me!");
                bundle.putString(FirebaseAnalytics.Param.CONTENT_TYPE, "Button");
                analytics.logEvent(FirebaseAnalytics.Event.SELECT_CONTENT, bundle);
                break;
            }

            default: {
                break;
            }
        }
    }
}