Skip to main content

Google Sign-in for Android App

This is demo application implementing Google Sign-in in android application. Screenshots of the application are



when you click on the sign in button popup will be shown to select google account for sign in . After signing in , user can see his profile photo,name and Email id in the login screen . User can sign out using signout button . Disconnect button will provide user ability to disconnect their google account from the app.

 Before we start coding for our application , we need to turn on sign-in API for our app in google developer console.
Go to this link to know  how to turn on google sign-in api for our app
https://androidtuts4u.blogspot.com/2019/09/enabling-sign-in-api-in-google.html
now we successfully configured Google Api console project .  we can start coding our application.
I . first we need to configure build.gradle file
we need to add two dependencies
  1. google play service dependency for google sign-in. 
  2 . we are using third party library glide for processing image uri . click here to know more about glide https://github.com/bumptech/glide
Add this two dependencies in our app level bild.gradle file

implementation 'com.google.android.gms:play-services-auth:17.0.0'
implementation 'com.github.bumptech.glide:glide:4.10.0'
build.gradle file
apply plugin: 'com.android.application'
android {
    compileSdkVersion 28
    buildToolsVersion "29.0.2"
    defaultConfig {
        applicationId "com.androidtuts4u.arun.DemoSignIn1"
        minSdkVersion 16
        targetSdkVersion 28
        versionCode 1
        versionName "1.0"
        testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
    }
    buildTypes {
        release {
            minifyEnabled false
            proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro'
        }
    }
}
dependencies {
    implementation fileTree(dir: 'libs', include: ['*.jar'])
    implementation 'androidx.appcompat:appcompat:1.1.0'
    implementation 'androidx.constraintlayout:constraintlayout:1.1.3'
    testImplementation 'junit:junit:4.12'
    androidTestImplementation 'androidx.test:runner:1.2.0'
    androidTestImplementation 'androidx.test.espresso:espresso-core:3.2.0'
    implementation 'com.google.android.gms:play-services-auth:17.0.0'
    implementation 'com.github.bumptech.glide:glide:4.10.0'   
}
II . next we need to create layout for our application
we are using only one layout in our application activity_main.xml.
Our activity consist of  one Google sign in button. Two buttons for sign out and disconnect . ImageView for showing profile pic and Textview for showing name and email id
code for google SignIn button is
<com.google.android.gms.common.SignInButton
        android:id="@+id/sign_in_button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
activity_main.xml file 
a<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.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=".MainActivity">
    <com.google.android.gms.common.SignInButton
        android:id="@+id/sign_in_button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
    <Button
        android:id="@+id/btn_signout"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginEnd="32dp"
        android:layout_marginRight="32dp"
        android:layout_marginBottom="32dp"
        android:background="@color/common_google_signin_btn_text_dark_default"
        android:text="SignOut"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent" />
    <TextView
        android:id="@+id/tv_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="16dp"
        android:layout_marginLeft="16dp"
        android:layout_marginTop="8dp"
        android:layout_marginEnd="8dp"
        android:layout_marginRight="8dp"
        android:text="name"
        android:textColor="@android:color/black"
        android:textSize="20sp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/sign_in_button" />
    <Button
        android:id="@+id/btn_disconnect"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="8dp"
        android:layout_marginLeft="8dp"
        android:layout_marginEnd="8dp"
        android:layout_marginRight="8dp"
        android:layout_marginBottom="32dp"
        android:background="@color/common_google_signin_btn_text_dark_default"
        android:text="Disconnect"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toStartOf="@+id/btn_signout"
        app:layout_constraintStart_toStartOf="parent" />
    <ImageView
        android:id="@+id/img_profile_pic"
        android:layout_width="300dp"
        android:layout_height="250dp"
        android:layout_marginStart="8dp"
        android:layout_marginLeft="8dp"
        android:layout_marginTop="32dp"
        android:layout_marginEnd="32dp"
        android:layout_marginRight="32dp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        tools:srcCompat="@tools:sample/avatars" />
</androidx.constraintlayout.widget.ConstraintLayout>
III . Next is our java file MainActivity.java
1 . First we need to configure Google Sign in to request user data required by our application.
GoogleSignInOptions gso = new GoogleSignInOptions.Builder(GoogleSignInOptions.DEFAULT_SIGN_IN)
                             .requestEmail()
                             .build();
        googleClient  = GoogleSignIn.getClient(this,gso);
 To get user id and basic profile information we use GoogleSignInOPtions object with DEFAUlt_SIGN_IN parameter.
for getting email id also we are using requestEmail() option.

2 . next we need define our Buttons, ImageaView and TextView.
 Onclick event for our buttons is also declared
        btnSignIn = findViewById(R.id.sign_in_button);
        btnSignout = findViewById(R.id.btn_signout);
        btnDisconnect = findViewById(R.id.btn_disconnect);
        tv_name = findViewById(R.id.tv_name);
        profilPic = findViewById(R.id.img_profile_pic);
        btnSignIn.setOnClickListener(this);
        btnSignout.setOnClickListener(this);
        btnDisconnect.setOnClickListener(this);
3 . next we need handle Onclick event of our application
 
@Override
    public void onClick(View v) {
        switch(v.getId()){
            case R.id.sign_in_button:
                signIn();
                break;
            case R.id.btn_signout:
                signout();
                break;
            case R.id.btn_disconnect:
                revokeAccess();
                break;
        }

    }
4 . Sign in button event is handled by signIn() function 
 private void signIn() {
        Intent signInIntent = googleClient.getSignInIntent();
        startActivityForResult(signInIntent,RC_SIGN_IN);

    }
signInIntent prompts the user to select a google account to sign in with.RC_SIGN_IN is an integer constant.
5 . Next we need to override OnActivityResult() 
@Override
    protected void onActivityResult(int requestCode, int resultCode, @Nullable Intent data) {
        super.onActivityResult(requestCode, resultCode, data);
        if(requestCode == RC_SIGN_IN){
            Task<GoogleSignInAccount> task = GoogleSignIn.getSignedInAccountFromIntent(data);
            handleSignInResult(task);
        }
    }
After user signs in with his google account we will get a GoogleSignInAccount object in OnActivityResult() method. This object contains information about the signed in user .
6 . Next we need to write handleSignInResult(task) function .
this function checks whether user signed in successfully or not and update the app accordingly
private void handleSignInResult(Task<GoogleSignInAccount> task) {

        try {
            GoogleSignInAccount account = task.getResult(ApiException.class);
            updateUI(account);
        } catch (ApiException e) {
            e.printStackTrace();
            Log.w("mainActivity","failed : "+e.getStatusCode());
            updateUI(null);
        }

    }
7 . Next we need to write upddateUI() function which will upadte our appliction based on whether user signed in or not. 
private void updateUI(GoogleSignInAccount account) {
        if(account != null){
            String str = " display name : "+account.getDisplayName() +"\n"+
                         " email        : " +account.getEmail()+"\n"
                        +" name         : " + account.getGivenName();
            Glide.with(this).load(account.getPhotoUrl()).into(profilPic);
            tv_name.setText(str);
            btnSignout.setVisibility(View.VISIBLE);
            profilPic.setVisibility(View.VISIBLE);
            btnSignIn.setVisibility(View.GONE);
            btnDisconnect.setVisibility(View.VISIBLE);
        }else{
            btnSignout.setVisibility(View.GONE);
            btnDisconnect.setVisibility(View.GONE);
            profilPic.setVisibility(View.GONE);
            btnSignIn.setVisibility(View.VISIBLE);
            tv_name.setText("");
        }

    }
When the user is not signed in we will make sign in button visible and all other component invisible. When the user signed in we will make sign in button invisible and all other component visible. Textview and ImageView are updated with user details we got from GoogleSignInAccount object. we are using third party library Glide for loading Image from photoUrl we get from GoogleSignInAccount object. 
Glide.with(this).load(account.getPhotoUrl()).into(profilPic);
click here to konw more about glide
https://github.com/bumptech/glide
8 . next we need to override OnStart() to check whether the user is already signed in with google account and update the app accordingly
 @Override
    protected void onStart() {
        super.onStart();
        GoogleSignInAccount account = GoogleSignIn.getLastSignedInAccount(this);
        updateUI(account);
    }
9 . Next we need to write siginout() function 
private void signout() {
        googleClient.signOut().addOnCompleteListener(this,new OnCompleteListener(){
            @Override
            public void onComplete(@NonNull Task task) {
                updateUI(null);
            }
        });
    }
10 . We should also provide user  the ability to discconect their google account from our app. This is implemented with disconnect button and revokeAccess() method
private void revokeAccess() {
        googleClient.revokeAccess().addOnCompleteListener(this, new OnCompleteListener<Void>() {
            @Override
            public void onComplete(@NonNull Task<Void> task) {
                updateUI(null);

            }
        });
    }
MainActivity.java file 
package com.androidtuts4u.arun.DemoSignIn1;

import android.content.Intent;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.TextView;

import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import androidx.appcompat.app.AppCompatActivity;

import com.bumptech.glide.Glide;
import com.google.android.gms.auth.api.signin.GoogleSignIn;
import com.google.android.gms.auth.api.signin.GoogleSignInAccount;
import com.google.android.gms.auth.api.signin.GoogleSignInClient;
import com.google.android.gms.auth.api.signin.GoogleSignInOptions;
import com.google.android.gms.common.SignInButton;
import com.google.android.gms.common.api.ApiException;
import com.google.android.gms.tasks.OnCompleteListener;
import com.google.android.gms.tasks.Task;

public class MainActivity extends AppCompatActivity implements View.OnClickListener {
    private SignInButton btnSignIn;
    private Button btnSignout,btnDisconnect;
    private TextView tv_name;
    private ImageView profilPic;
    private GoogleSignInClient googleClient;
    private  static final int RC_SIGN_IN = 101;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        btnSignIn = findViewById(R.id.sign_in_button);
        btnSignout = findViewById(R.id.btn_signout);
        btnDisconnect = findViewById(R.id.btn_disconnect);
        tv_name = findViewById(R.id.tv_name);
        profilPic = findViewById(R.id.img_profile_pic);
        btnSignIn.setOnClickListener(this);
        btnSignout.setOnClickListener(this);
        btnDisconnect.setOnClickListener(this);
        GoogleSignInOptions gso = new GoogleSignInOptions.Builder(GoogleSignInOptions.DEFAULT_SIGN_IN)
                .requestEmail().build();
        googleClient = GoogleSignIn.getClient(this,gso);
        btnSignIn.setSize(SignInButton.SIZE_STANDARD);
    }

    @Override
    protected void onStart() {
        super.onStart();
        GoogleSignInAccount account = GoogleSignIn.getLastSignedInAccount(this);
        updateUI(account);
    }

    private void updateUI(GoogleSignInAccount account) {
        if(account != null){
            String str = " display name : "+account.getDisplayName() +"\n"+
                    " email        : " +account.getEmail()+"\n"
                    +" name         : " + account.getGivenName();
            Glide.with(this).load(account.getPhotoUrl()).into(profilPic);
            tv_name.setText(str);
            btnSignout.setVisibility(View.VISIBLE);
            profilPic.setVisibility(View.VISIBLE);
            btnSignIn.setVisibility(View.GONE);
            btnDisconnect.setVisibility(View.VISIBLE);
        }else{
            btnSignout.setVisibility(View.GONE);
            btnDisconnect.setVisibility(View.GONE);
            profilPic.setVisibility(View.GONE);
            btnSignIn.setVisibility(View.VISIBLE);
            tv_name.setText("");
        }

    }

    @Override
    public void onClick(View v) {
        switch(v.getId()){
            case R.id.sign_in_button:
                signIn();
                break;
            case R.id.btn_signout:
                signout();
                break;
            case R.id.btn_disconnect:
                revokeAccess();
                break;
        }

    }

    private void revokeAccess() {
        googleClient.revokeAccess().addOnCompleteListener(this, new OnCompleteListener<Void>() {
            @Override
            public void onComplete(@NonNull Task<Void> task) {
                updateUI(null);

            }
        });
    }

    private void signout() {
        googleClient.signOut().addOnCompleteListener(this,new OnCompleteListener<Void>(){
            @Override
            public void onComplete(@NonNull Task<Void> task) {
                updateUI(null);
            }
        });
    }

    private void signIn() {
        Intent signInIntent = googleClient.getSignInIntent();
        startActivityForResult(signInIntent,RC_SIGN_IN);

    }

    @Override
    protected void onActivityResult(int requestCode, int resultCode, @Nullable Intent data) {
        super.onActivityResult(requestCode, resultCode, data);
        if(requestCode == RC_SIGN_IN){
            Task<GoogleSignInAccount> task = GoogleSignIn.getSignedInAccountFromIntent(data);
            handleSignInResult(task);
        }
    }

    private void handleSignInResult(Task<GoogleSignInAccount> task) {

        try {
            GoogleSignInAccount account = task.getResult(ApiException.class);
            updateUI(account);
        } catch (ApiException e) {
            e.printStackTrace();
            Log.w("mainActivity","failed : "+e.getStatusCode());
            updateUI(null);
        }

    }
}
you can download full source code from below google Drive link
https://drive.google.com/file/d/1eBpmR5oeFO2Kjh2szsR08JG-ZsmWtINg/view?usp=sharing

                               or
you can download dowload from my Github 
https://github.com/arunkfedex/DemoSignIn1

Comments

Post a Comment

Popular posts

Android List View using Custom Adapter and SQLite

following is a simple applicaton to create ListView using  Custom adapter.screenshot of the application  is like this . ListView is not used in android Anymore . We use  RecyclerView  and  CardView   in Android RecyclerView Demo is available on the following link http://androidtuts4u.blogspot.in/2017/04/android-recyclerview-example.html RecyclerView with Cardview Example is available on the following link http://androidtuts4u.blogspot.in/2017/09/android-card-view-example.html The ListView below the submit button is populated using Custom Adapter.Data is stored and retrieved using SQLite databsase. you can download the source code of this project from  google drive   https://drive.google.com/folderview?id=0BySLpWhqmbbdUXE5aTNhazludjQ&usp=sharing click on the above link ->sign into  your  google account ->add this to your google drive -> open it in google drive and download it. To create a simple application like this 1.  Create a class which extends  
76 comments
Read more

Simple Calculator in Android

You can view new updated simple calculator with ViemModel and LiveData in my new blog    https://androidtuts4u.blogspot.com/2021/10/simple-calculator-with-viewmodel-and.html To create a calculator first  we need to create the layout of the calculator. Layout  is created  using XML file given below <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"     xmlns:tools="http://schemas.android.com/tools"     android:layout_width="match_parent"     android:layout_height="match_parent" >  <EditText     android:id="@+id/result_id"       android:layout_width="fill_parent"     android:layout_height="120dp"   />  <Button    android:id="@+id/Btn7_id"      android:layout_width="70dp"    android:layout_height="60dp"    android:layout_below="@id/result_id"    android:text="7"    android:onClick="btn7Clicked"  
122 comments
Read more

Running Kotlin Program With CommanLine - windows

We can write kotlin programs in text editor and run the programs using command line. We need kotlin complier for this . we can download KOTLIN COMPILER FROM HERE  .  1. Download kotlin-compiler -1.3.72.z.ip 2. Unzip Kotlin compiler to program files in c drive           3. Copy the path of bin (C:\Program Files\kotlin\bin) and add it your to PATH in System variable.    If you do not know how to add path in system variable , you can use the following link Adding PATH in System variable 4. Now open notepad and write your kotlin program fun main(args: Array<String>) { println("Hello World") } 5. save the program as helloworld.kt , i have saved it to my Documents 6. Open cmd  7. I have saved my helloworld.kt file in Documents folder , so i am changing my directory to Documents  (you have to change it to your directory where the file is saved)                 cd documents 8. Compile the kotlin program using the following command                 kotlinc helloword.kt -inc
Post a Comment
Read more