How to determine if the user signed in to Firebase with email and password or with google sign in?

user_7156898 0
Viewed 3620

I am working on a log in for a web application, and I have made it so the user can sign in manually with their email and password or by using a google sign in. Is there a way to determine which method they used? Preferably by using the Firebase authentication state change function.

`firebase.auth().onAuthStateChanged(firebaseUser => {....`

I know you can tell how they signed in when you go into the Firebase console log but is there a way to determine it using JavaScript code?

When using firebase.auth().currentUser.providerData the following: enter image description here

firebase-authentication firebase-realtime-database firebase google-authentication javascript
4 Answers

@mjrdnk's answer is correct, but there is a caveat, a user could have multiple providers linked. So using firebase.auth().currentUser.providerData[0].providerId will always yield the same provider even when another linked provider was used to sign in. The most accurate way to determine the current provider used to sign is by inspecting the ID token's field: firebase.sign_in_provider.

user_50817660
user_55639680

Currently @mjdnk asnwer depracated, because it will gives always first provider not the last logged in.

So most recent solution is:

As noted here

var uiConfig = {
        callbacks: {
          signInSuccessWithAuthResult: function(authResult, redirectUrl) {
            var providerId = authResult.additionalUserInfo.providerId;
            localStorage.setItem("firebaseProviderId", providerId)
            //...
          },
          //..
       }

and for display in page

firebase.auth().onAuthStateChanged(function (user) {
      if (user) {
        user.getIdToken().then(function (idToken) {

          $('#user').text(welcomeName + "(" + localStorage.getItem("firebaseProviderId")+ ")");
          $('#logged-in').show();
        }
    }
});
user_4922580

@mjrdnk's answer is correct, but there are cases that are not covered by the answer so I find that this solution works best in all cases (that I have tested).

val user = firebaseAuth.currentUser

        user?.let {

        authProvider = when (it.providerData[it.providerData.size-1].providerId) {
            "phone" -> {
                ConnectedUser.LOGIN_PROVIDERS.PHONE
            }
            "password" -> {
                // Email and password
                ConnectedUser.LOGIN_PROVIDERS.EMAIL
            }
            else -> {
                ConnectedUser.LOGIN_PROVIDERS.UNKNOWN
            }
        }
.
.
.

Wonderful source of information: FirebaseUI for Auth

Some provider names follow (see above source code for more):

ANONYMOUS_PROVIDER = "anonymous"
EMAIL_LINK_SIGN_IN_METHOD = "emailLink"
EMAIL_PASSWORD_SIGN_IN_METHOD = "password"
MICROSOFT_PROVIDER = "microsoft.com"
YAHOO_PROVIDER = "yahoo.com"
APPLE_PROVIDER = "apple.com"
PHONE = "phone"
user_58903210
Related