firebase-ui用于电子邮件验证

She*_*lly 5 javascript web firebase firebase-authentication firebaseui

我已经使用firebase-ui成功设置了Firebase电子邮件/密码身份验证。

 var uiConfig = {
        signInSuccessUrl: '<?php echo $url; ?>',
        signInOptions: [
            // Leave the lines as is for the providers you want to offer your users.
            firebase.auth.GoogleAuthProvider.PROVIDER_ID,
            firebase.auth.FacebookAuthProvider.PROVIDER_ID,
            firebase.auth.EmailAuthProvider.PROVIDER_ID
        ],
        // Terms of service url.
        tosUrl: '<your-tos-url>'
    };

    // Initialize the FirebaseUI Widget using Firebase.
    var ui = new firebaseui.auth.AuthUI(firebase.auth());
    // The start method will wait until the DOM is loaded.
    ui.start('#firebaseui-auth-container', uiConfig);
Run Code Online (Sandbox Code Playgroud)

但是出于安全原因,我希望用户确认她/他的电子邮件。但是从上面的代码中,它不会向用户发送验证邮件。因此,如果用户未验证他/她的帐户邮件,我已经使用以下方法将验证邮件发送给用户。

firebase.auth().onAuthStateChanged(function(user) {
    if (user && user.uid != currentUid) {
        if (firebase.auth().currentUser.emailVerified) {
            currentUid = user.uid;

        else {
        //---- HERE YOU SEND THE EMAIL
            firebase.auth().currentUser.sendEmailVerification();
            }
Run Code Online (Sandbox Code Playgroud)

但是,当我使用此代码时,它将为同一帐户发送多个验证邮件。这意味着该方法在用户每次重新加载页面时都运行。如果有人可以帮助我确定是否使用Firebase为特定用户发送了验证邮件,那将非常有用。

Lou*_*ini 6

我在此处的示例代码中找到了对这个几乎没有记录的(针对 JavaScript)Firebase 问题的更好答案:

  // FirebaseUI config.
  var uiConfig = {
    callbacks: {
      signInSuccessWithAuthResult: function(authResult, redirectUrl) {

        var user = authResult.user;
        ...
        if (authResult.additionalUserInfo.isNewUser)
        {
            console.log("new signin");
            user.sendEmailVerification();
        }
        ...
        return true;
      },
Run Code Online (Sandbox Code Playgroud)

享受!


小智 2

我迟到了,但如果有人像我一样发现它:

if(currentUser.metadata.creationTime === currentUser.metadata.lastSignInTime)
Run Code Online (Sandbox Code Playgroud)

对于新用户来说是这样,所以你必须发送验证邮件。您也可以在signInSuccess中执行此操作,无需查看onAuthStateChanged