用于电子邮件验证的 Firebase-UI



我已经使用 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);

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

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();
            }

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

我在这里的示例代码中找到了这个几乎没有记录的(对于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;
      },

享受!

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

if(currentUser.metadata.creationTime === currentUser.metadata.lastSignInTime)

如果是新用户,因此您必须发送验证电子邮件。您也可以在 signInSuccess 中执行此操作,无需查看 onAuthStateChanged

您可以使用

SignInSuccessWithAuthResult回调来发送电子邮件验证。您需要做的是提供一个回调函数并检查用户是否已验证电子邮件,如果没有,则发送电子邮件验证。

最新更新