Firebase Auth and Google Sign-in

Question

I am using javascript to log into firebase auth and my hopes are to access google drive using the same process to avoid signing into google twice.

Looking at the docs at https://firebase.google.com/docs/auth/web/google-signin I can see that it says "This gives you a Google Access Token. You can use it to access the Google API."

firebase.auth().signInWithPopup(provider).then(function(result) {
  // This gives you a Google Access Token. You can use it to access the Google API.
  var token = result.credential.accessToken;
  // The signed-in user info.
  var user = result.user;
  // ...
}).catch(function(error) {
  // Handle Errors here.
  var errorCode = error.code;
  var errorMessage = error.message;
  // The email of the user's account used.
  var email = error.email;
  // The firebase.auth.AuthCredential type that was used.
  var credential = error.credential;
  // ...
});

Currently, I am able to log into them both separately by calling this afterward:

gapi.auth2.getAuthInstance().signIn();

but this produces two sign-ins for the user. The goal, for now, is to have the user sign into firebase auth and then list the user's files from google afterward without a double sign in.

function appendPre(message) {
    var pre = document.getElementById('form-results-ul');
    var textContent = document.createTextNode(message + '\n');
    pre.appendChild(textContent);
}

function listFiles() {
    gapi.client.drive.files.list({
        'pageSize': 10,
        'fields': "nextPageToken, files(id, name)"
    }).then(function (response) {
        appendPre('Files:');
        var files = response.result.files;
        if (files && files.length > 0) {
            for (var i = 0; i < files.length; i++) {
                var file = files[i];
                appendPre(file.name + ' (' + file.id + ')');
            }
        } else {
            appendPre('No files found.');
        }
    });
}

bojeil bojeil · Accepted Answer · 2019-09-26T03:33:13

You can just use gapi.auth2.getAuthInstance().signIn() to sign in and then use the Google ID token from that library to sign in to Firebase Auth.

This is documented in Firebase Official docs.

// Build Firebase credential with the Google ID token.
const credential = firebase.auth.GoogleAuthProvider.credential(
    googleUser.getAuthResponse().id_token);
// Sign in with credential from the Google user silently.
firebase.auth().signInWithCredential(credential)
  .then((result) => {
    // User signed in.
  })
  .catch((error) => {
    // Error occurred.
  });

Firebase Auth and Google Sign-in

1 Answers