Thêm tính năng xác thực đa yếu tố vào ứng dụng web

Nếu đã nâng cấp lên Firebase Authentication with Identity Platform, bạn có thể thêm tính năng xác thực đa yếu tố qua SMS vào ứng dụng web của bạn.

Tính năng xác thực đa yếu tố giúp tăng cường độ bảo mật cho ứng dụng của bạn. Trong khi kẻ tấn công thường xâm phạm mật khẩu và tài khoản mạng xã hội, nên việc chặn tin nhắn văn bản là khó hơn.

Trước khi bắt đầu

1. Bật ít nhất một nhà cung cấp hỗ trợ xác thực đa yếu tố. Mọi nhà cung cấp đều hỗ trợ tính năng MFA, ngoại trừ tính năng xác thực qua điện thoại, xác thực ẩn danh và Trung tâm trò chơi của Apple.

2. Bật những khu vực bạn định dùng phương thức xác thực qua SMS. Firebase sử dụng chính sách chặn hoàn toàn khu vực sử dụng tin nhắn SMS, chính sách này giúp tạo dự án ở trạng thái an toàn hơn theo mặc định.

3. Đảm bảo rằng ứng dụng của bạn đang xác minh email của người dùng. Tính năng MFA yêu cầu xác minh email. Thao tác này ngăn đối tượng độc hại đăng ký dịch vụ bằng email chúng không sở hữu và sau đó khoá chủ sở hữu thực sự bằng cách thêm một giây .

Sử dụng mạng đa người dùng

Nếu bạn bật tính năng xác thực đa yếu tố để sử dụng trong một nhiều người thuê, hãy đảm bảo để hoàn thành các bước sau (ngoài các bước còn lại của hướng dẫn trong tài liệu này):

1. Trong bảng điều khiển Google Cloud, hãy chọn đối tượng thuê mà bạn muốn hợp tác.

2. Trong mã của bạn, hãy đặt trường tenantId trên thực thể Auth thành mã đối tượng thuê. Ví dụ:

   Web

   import { getAuth } from "firebase/auth";
   
   const auth = getAuth(app);
   auth.tenantId = "myTenantId1";
   

   Web

   firebase.auth().tenantId = 'myTenantId1';
   

Bật tính năng xác thực đa yếu tố

1. Mở trang Xác thực > Phương thức đăng nhập của bảng điều khiển Firebase.

2. Trong phần Nâng cao, bật Xác thực đa yếu tố SMS.

   Bạn cũng nên nhập số điện thoại dùng để thử nghiệm ứng dụng. Mặc dù không bắt buộc, nhưng bạn nên đăng ký số điện thoại thử nghiệm để tránh việc điều tiết trong quá trình phát triển.

3. Nếu bạn chưa uỷ quyền miền của ứng dụng, hãy thêm miền đó vào danh sách cho phép trên danh sách Xác thực > Cài đặt của bảng điều khiển Firebase.

Chọn một mẫu đăng ký

Bạn có thể chọn xem ứng dụng của bạn có cần xác thực đa yếu tố hay không, cũng như và thời điểm đăng ký người dùng. Một số mẫu phổ biến bao gồm:

• Đăng ký yếu tố thứ hai của người dùng trong quá trình đăng ký. Sử dụng bản thảo này nếu ứng dụng của bạn yêu cầu xác thực đa yếu tố đối với tất cả người dùng.

• Cung cấp lựa chọn có thể bỏ qua để đăng ký yếu tố thứ hai trong quá trình đăng ký. Chiến dịch Quảng cáo ứng dụng muốn khuyến khích nhưng không bắt buộc, xác thực đa yếu tố có thể thích phương pháp này hơn.

• Cho phép thêm yếu tố thứ hai từ tài khoản hoặc hồ sơ của người dùng thay vì màn hình đăng ký. Việc này giúp giảm thiểu rào cản trong quá trình đăng ký, trong khi vẫn thực hiện xác thực đa yếu tố dành cho người dùng nhạy cảm về bảo mật.

• Yêu cầu thêm dần yếu tố thứ hai khi người dùng muốn truy cập có yêu cầu bảo mật cao hơn.

Thiết lập trình xác minh reCAPTCHA

Bạn cần định cấu hình trình xác minh reCAPTCHA thì mới có thể gửi mã SMS. Firebase sử dụng reCAPTCHA để ngăn chặn hành vi sai trái bằng cách đảm bảo rằng yêu cầu xác minh số điện thoại đến từ một trong những miền được phép của ứng dụng.

Bạn không cần phải thiết lập ứng dụng reCAPTCHA theo cách thủ công; của SDK ứng dụng khách Đối tượng RecaptchaVerifier tự động tạo và khởi chạy mọi hoạt động cần thiết khoá và bí mật của ứng dụng khách.

Sử dụng reCAPTCHA vô hình

Đối tượng RecaptchaVerifier hỗ trợ reCAPTCHA vô hình, Quy trình này thường có thể xác minh người dùng mà không cần bất kỳ tương tác nào. Để sử dụng reCAPTCHA vô hình, hãy tạo RecaptchaVerifier với tập hợp tham số size vào invisible rồi chỉ định mã nhận dạng của phần tử trên giao diện người dùng bắt đầu đa yếu tố đăng ký:

Web

import { RecaptchaVerifier } from "firebase/auth";

const recaptchaVerifier = new RecaptchaVerifier("sign-in-button", {
    "size": "invisible",
    "callback": function(response) {
        // reCAPTCHA solved, you can proceed with
        // phoneAuthProvider.verifyPhoneNumber(...).
        onSolvedRecaptcha();
    }
}, auth);

Web

var recaptchaVerifier = new firebase.auth.RecaptchaVerifier('sign-in-button', {
'size': 'invisible',
'callback': function(response) {
  // reCAPTCHA solved, you can proceed with phoneAuthProvider.verifyPhoneNumber(...).
  onSolvedRecaptcha();
}
});

Sử dụng tiện ích reCAPTCHA

Để sử dụng tiện ích reCAPTCHA hiển thị, hãy tạo một phần tử HTML để chứa tiện ích, sau đó tạo một đối tượng RecaptchaVerifier có mã nhận dạng của giao diện người dùng vùng chứa. Bạn cũng có thể tuỳ ý thiết lập các lệnh gọi lại được gọi khi reCAPTCHA đã được giải hoặc hết hạn:

Web

import { RecaptchaVerifier } from "firebase/auth";

const recaptchaVerifier = new RecaptchaVerifier(
    "recaptcha-container",

    // Optional reCAPTCHA parameters.
    {
      "size": "normal",
      "callback": function(response) {
        // reCAPTCHA solved, you can proceed with
        // phoneAuthProvider.verifyPhoneNumber(...).
        onSolvedRecaptcha();
      },
      "expired-callback": function() {
        // Response expired. Ask user to solve reCAPTCHA again.
        // ...
      }
    }, auth
);

Web

var recaptchaVerifier = new firebase.auth.RecaptchaVerifier(
  'recaptcha-container',
  // Optional reCAPTCHA parameters.
  {
    'size': 'normal',
    'callback': function(response) {
      // reCAPTCHA solved, you can proceed with phoneAuthProvider.verifyPhoneNumber(...).
      // ...
      onSolvedRecaptcha();
    },
    'expired-callback': function() {
      // Response expired. Ask user to solve reCAPTCHA again.
      // ...
    }
  });

Kết xuất trước reCAPTCHA

Bạn có thể kết xuất trước reCAPTCHA trước khi bắt đầu hai yếu tố (không bắt buộc) đăng ký:

Web

recaptchaVerifier.render()
    .then(function (widgetId) {
        window.recaptchaWidgetId = widgetId;
    });

Web

recaptchaVerifier.render()
  .then(function(widgetId) {
    window.recaptchaWidgetId = widgetId;
  });

Sau khi render() phân giải, bạn sẽ nhận được mã tiện ích của reCAPTCHA. Bạn có thể dùng mã này để thực hiện cuộc gọi đến ReCAPTCHA API:

var recaptchaResponse = grecaptcha.getResponse(window.recaptchaWidgetId);

ReCAPTCHAVerifier tóm tắt logic này bằng phương thức verify, vì vậy, bạn không cần xử lý trực tiếp biến grecaptcha.

Đăng ký yếu tố thứ hai

Cách đăng ký một yếu tố phụ mới cho người dùng:

1. Xác thực lại người dùng.

2. Yêu cầu người dùng nhập số điện thoại của họ.

   Lưu ý: Google lưu trữ và sử dụng số điện thoại để cải thiện nội dung rác và hành vi sai trái trên tất cả các dịch vụ của Google. Đảm bảo rằng bạn nhận được sự đồng ý phù hợp của người dùng trước khi gửi số điện thoại của họ đến Firebase.

3. Khởi động trình xác minh reCAPTCHA như minh hoạ trong phần trước. Hãy bỏ qua bước này nếu một bản sao RecaptchaVerifier đã được định cấu hình:

   Web

   import { RecaptchaVerifier } from "firebase/auth";
   
   const recaptchaVerifier = new RecaptchaVerifier('recaptcha-container-id', undefined, auth);
   

   Web

   var recaptchaVerifier = new firebase.auth.RecaptchaVerifier('recaptcha-container-id');
   

4. Nhận một phiên đa yếu tố cho người dùng:

   Web

   import { multiFactor } from "firebase/auth";
   
   multiFactor(user).getSession().then(function (multiFactorSession) {
       // ...
   });
   

   Web

   user.multiFactor.getSession().then(function(multiFactorSession) {
     // ...
   })
   

5. Khởi động đối tượng PhoneInfoOptions bằng số điện thoại của người dùng và phiên hoạt động đa yếu tố:

   Web

   // Specify the phone number and pass the MFA session.
   const phoneInfoOptions = {
     phoneNumber: phoneNumber,
     session: multiFactorSession
   };
   

   Web

   // Specify the phone number and pass the MFA session.
   var phoneInfoOptions = {
     phoneNumber: phoneNumber,
     session: multiFactorSession
   };
   

6. Gửi tin nhắn xác minh đến điện thoại của người dùng:

   Web

   import { PhoneAuthProvider } from "firebase/auth";
   
   const phoneAuthProvider = new PhoneAuthProvider(auth);
   phoneAuthProvider.verifyPhoneNumber(phoneInfoOptions, recaptchaVerifier)
       .then(function (verificationId) {
           // verificationId will be needed to complete enrollment.
       });
   

   Web

   var phoneAuthProvider = new firebase.auth.PhoneAuthProvider();
   // Send SMS verification code.
   return phoneAuthProvider.verifyPhoneNumber(phoneInfoOptions, recaptchaVerifier)
     .then(function(verificationId) {
       // verificationId will be needed for enrollment completion.
     })
   

   Mặc dù không bắt buộc nhưng tốt nhất bạn nên thông báo trước cho người dùng rằng họ sẽ nhận được tin nhắn SMS và có áp dụng cước phí tiêu chuẩn.

7. Nếu yêu cầu không thành công, hãy đặt lại reCAPTCHA, sau đó lặp lại bước trước đó để người dùng có thể thử lại. Xin lưu ý rằng verifyPhoneNumber() sẽ tự động đặt lại reCAPTCHA khi nó báo lỗi, như là Mã thông báo reCAPTCHA chỉ dùng được một lần.

   Web

   recaptchaVerifier.clear();
   

   Web

   recaptchaVerifier.clear();
   

8. Sau khi gửi mã qua SMS, hãy yêu cầu người dùng xác minh mã:

   Web

   // Ask user for the verification code. Then:
   const cred = PhoneAuthProvider.credential(verificationId, verificationCode);
   

   Web

   // Ask user for the verification code. Then:
   var cred = firebase.auth.PhoneAuthProvider.credential(verificationId, verificationCode);
   

9. Khởi động đối tượng MultiFactorAssertion bằng PhoneAuthCredential:

   Web

   import { PhoneMultiFactorGenerator } from "firebase/auth";
   
   const multiFactorAssertion = PhoneMultiFactorGenerator.assertion(cred);
   

   Web

   var multiFactorAssertion = firebase.auth.PhoneMultiFactorGenerator.assertion(cred);
   

10. Hoàn tất quá trình đăng ký. Nếu muốn, bạn có thể chỉ định tên hiển thị cho yếu tố thứ hai. Điều này hữu ích đối với những người dùng có nhiều yếu tố thứ hai, vì số điện thoại được che giấu trong quy trình xác thực (ví dụ: ví dụ: +1******1234).

    Web

    // Complete enrollment. This will update the underlying tokens
    // and trigger ID token change listener.
    multiFactor(user).enroll(multiFactorAssertion, "My personal phone number");
    

    Web

    // Complete enrollment. This will update the underlying tokens
    // and trigger ID token change listener.
    user.multiFactor.enroll(multiFactorAssertion, 'My personal phone number');
    

Đoạn mã dưới đây trình bày ví dụ hoàn chỉnh về cách đăng ký yếu tố thứ hai:

Web

import {
    multiFactor, PhoneAuthProvider, PhoneMultiFactorGenerator,
    RecaptchaVerifier
} from "firebase/auth";

const recaptchaVerifier = new RecaptchaVerifier('recaptcha-container-id', undefined, auth);
multiFactor(user).getSession()
    .then(function (multiFactorSession) {
        // Specify the phone number and pass the MFA session.
        const phoneInfoOptions = {
            phoneNumber: phoneNumber,
            session: multiFactorSession
        };

        const phoneAuthProvider = new PhoneAuthProvider(auth);

        // Send SMS verification code.
        return phoneAuthProvider.verifyPhoneNumber(phoneInfoOptions, recaptchaVerifier);
    }).then(function (verificationId) {
        // Ask user for the verification code. Then:
        const cred = PhoneAuthProvider.credential(verificationId, verificationCode);
        const multiFactorAssertion = PhoneMultiFactorGenerator.assertion(cred);

        // Complete enrollment.
        return multiFactor(user).enroll(multiFactorAssertion, mfaDisplayName);
    });

Web

var recaptchaVerifier = new firebase.auth.RecaptchaVerifier('recaptcha-container-id');
user.multiFactor.getSession().then(function(multiFactorSession) {
  // Specify the phone number and pass the MFA session.
  var phoneInfoOptions = {
    phoneNumber: phoneNumber,
    session: multiFactorSession
  };
  var phoneAuthProvider = new firebase.auth.PhoneAuthProvider();
  // Send SMS verification code.
  return phoneAuthProvider.verifyPhoneNumber(
      phoneInfoOptions, recaptchaVerifier);
})
.then(function(verificationId) {
  // Ask user for the verification code.
  var cred = firebase.auth.PhoneAuthProvider.credential(verificationId, verificationCode);
  var multiFactorAssertion = firebase.auth.PhoneMultiFactorGenerator.assertion(cred);
  // Complete enrollment.
  return user.multiFactor.enroll(multiFactorAssertion, mfaDisplayName);
});

Xin chúc mừng! Bạn đã đăng ký thành công yếu tố xác thực thứ hai cho một người dùng.

Lưu ý quan trọng: Bạn nên khuyến khích người dùng đăng ký nhiều tài khoản yếu tố thứ hai cho mục đích khôi phục tài khoản. Nếu người dùng chỉ đăng ký một tài khoản yếu tố thứ hai và sau đó mất quyền truy cập vào yếu tố đó, họ sẽ bị khoá tài khoản.

Đăng nhập người dùng bằng yếu tố thứ hai

Cách đăng nhập người dùng bằng tính năng xác minh hai yếu tố qua SMS:

1. Đăng nhập cho người dùng bằng yếu tố đầu tiên, sau đó nắm bắt auth/multi-factor-auth-required lỗi. Lỗi này có chứa trình phân giải, gợi ý về các yếu tố thứ hai đã đăng ký và một phiên cơ bản chứng minh người dùng được xác thực thành công bằng yếu tố đầu tiên.

   Ví dụ: nếu yếu tố đầu tiên của người dùng là email và mật khẩu:

   Web

   import { getAuth, getMultiFactorResolver} from "firebase/auth";
   
   const auth = getAuth();
   signInWithEmailAndPassword(auth, email, password)
       .then(function (userCredential) {
           // User successfully signed in and is not enrolled with a second factor.
       })
       .catch(function (error) {
           if (error.code == 'auth/multi-factor-auth-required') {
               // The user is a multi-factor user. Second factor challenge is required.
               resolver = getMultiFactorResolver(auth, error);
               // ...
           } else if (error.code == 'auth/wrong-password') {
               // Handle other errors such as wrong password.
           }
   });
   

   Web

   firebase.auth().signInWithEmailAndPassword(email, password)
     .then(function(userCredential) {
       // User successfully signed in and is not enrolled with a second factor.
     })
     .catch(function(error) {
       if (error.code == 'auth/multi-factor-auth-required') {
         // The user is a multi-factor user. Second factor challenge is required.
         resolver = error.resolver;
         // ...
       } else if (error.code == 'auth/wrong-password') {
         // Handle other errors such as wrong password.
       } ...
     });
   

   Nếu yếu tố đầu tiên của người dùng là một nhà cung cấp đã liên kết, chẳng hạn như OAuth, SAML hoặc OIDC (OpenID Connect), phát hiện lỗi sau khi gọi signInWithPopup() hoặc signInWithRedirect()

2. Nếu người dùng đã đăng ký nhiều yếu tố phụ, hãy hỏi họ xem yếu tố nào để sử dụng:

   Web

   // Ask user which second factor to use.
   // You can get the masked phone number via resolver.hints[selectedIndex].phoneNumber
   // You can get the display name via resolver.hints[selectedIndex].displayName
   
   if (resolver.hints[selectedIndex].factorId ===
       PhoneMultiFactorGenerator.FACTOR_ID) {
       // User selected a phone second factor.
       // ...
   } else if (resolver.hints[selectedIndex].factorId ===
              TotpMultiFactorGenerator.FACTOR_ID) {
       // User selected a TOTP second factor.
       // ...
   } else {
       // Unsupported second factor.
   }
   

   Web

   // Ask user which second factor to use.
   // You can get the masked phone number via resolver.hints[selectedIndex].phoneNumber
   // You can get the display name via resolver.hints[selectedIndex].displayName
   if (resolver.hints[selectedIndex].factorId === firebase.auth.PhoneMultiFactorGenerator.FACTOR_ID) {
     // User selected a phone second factor.
     // ...
   } else if (resolver.hints[selectedIndex].factorId === firebase.auth.TotpMultiFactorGenerator.FACTOR_ID) {
     // User selected a TOTP second factor.
     // ...
   } else {
     // Unsupported second factor.
   }
   

3. Khởi động trình xác minh reCAPTCHA như minh hoạ trong phần trước. Hãy bỏ qua bước này nếu một bản sao RecaptchaVerifier đã được định cấu hình:

   Web

   import { RecaptchaVerifier } from "firebase/auth";
   
   recaptchaVerifier = new RecaptchaVerifier('recaptcha-container-id', undefined, auth);
   

   Web

   var recaptchaVerifier = new firebase.auth.RecaptchaVerifier('recaptcha-container-id');
   

4. Khởi động đối tượng PhoneInfoOptions bằng số điện thoại của người dùng và phiên đa yếu tố. Các giá trị này có trong resolver đối tượng được truyền đến lỗi auth/multi-factor-auth-required:

   Web

   const phoneInfoOptions = {
       multiFactorHint: resolver.hints[selectedIndex],
       session: resolver.session
   };
   

   Web

   var phoneInfoOptions = {
     multiFactorHint: resolver.hints[selectedIndex],
     session: resolver.session
   };
   

5. Gửi tin nhắn xác minh đến điện thoại của người dùng:

   Web

   // Send SMS verification code.
   const phoneAuthProvider = new PhoneAuthProvider(auth);
   phoneAuthProvider.verifyPhoneNumber(phoneInfoOptions, recaptchaVerifier)
       .then(function (verificationId) {
           // verificationId will be needed for sign-in completion.
       });
   

   Web

   var phoneAuthProvider = new firebase.auth.PhoneAuthProvider();
   // Send SMS verification code.
   return phoneAuthProvider.verifyPhoneNumber(phoneInfoOptions, recaptchaVerifier)
     .then(function(verificationId) {
       // verificationId will be needed for sign-in completion.
     })
   

6. Nếu yêu cầu không thành công, hãy đặt lại reCAPTCHA, sau đó lặp lại bước trước đó để người dùng có thể thử lại:

   Web

   recaptchaVerifier.clear();
   

   Web

   recaptchaVerifier.clear();
   

7. Sau khi gửi mã qua SMS, hãy yêu cầu người dùng xác minh mã:

   Web

   const cred = PhoneAuthProvider.credential(verificationId, verificationCode);
   

   Web

   // Ask user for the verification code. Then:
   var cred = firebase.auth.PhoneAuthProvider.credential(verificationId, verificationCode);
   

8. Khởi động đối tượng MultiFactorAssertion bằng PhoneAuthCredential:

   Web

   const multiFactorAssertion = PhoneMultiFactorGenerator.assertion(cred);
   

   Web

   var multiFactorAssertion = firebase.auth.PhoneMultiFactorGenerator.assertion(cred);
   

9. Hãy gọi resolver.resolveSignIn() để hoàn tất quy trình xác thực phụ. Sau đó, bạn có thể truy cập vào kết quả đăng nhập ban đầu, trong đó có dữ liệu chuẩn dành riêng cho nhà cung cấp và thông tin xác thực:

   Web

   // Complete sign-in. This will also trigger the Auth state listeners.
   resolver.resolveSignIn(multiFactorAssertion)
       .then(function (userCredential) {
           // userCredential will also contain the user, additionalUserInfo, optional
           // credential (null for email/password) associated with the first factor sign-in.
   
           // For example, if the user signed in with Google as a first factor,
           // userCredential.additionalUserInfo will contain data related to Google
           // provider that the user signed in with.
           // - user.credential contains the Google OAuth credential.
           // - user.credential.accessToken contains the Google OAuth access token.
           // - user.credential.idToken contains the Google OAuth ID token.
       });
   

   Web

   // Complete sign-in. This will also trigger the Auth state listeners.
   resolver.resolveSignIn(multiFactorAssertion)
     .then(function(userCredential) {
       // userCredential will also contain the user, additionalUserInfo, optional
       // credential (null for email/password) associated with the first factor sign-in.
       // For example, if the user signed in with Google as a first factor,
       // userCredential.additionalUserInfo will contain data related to Google provider that
       // the user signed in with.
       // user.credential contains the Google OAuth credential.
       // user.credential.accessToken contains the Google OAuth access token.
       // user.credential.idToken contains the Google OAuth ID token.
     });
   

Đoạn mã dưới đây cho thấy một ví dụ hoàn chỉnh về việc đăng nhập vào tài khoản người dùng đa yếu tố:

Web

import {
    getAuth,
    getMultiFactorResolver,
    PhoneAuthProvider,
    PhoneMultiFactorGenerator,
    RecaptchaVerifier,
    signInWithEmailAndPassword
} from "firebase/auth";

const recaptchaVerifier = new RecaptchaVerifier('recaptcha-container-id', undefined, auth);

const auth = getAuth();
signInWithEmailAndPassword(auth, email, password)
    .then(function (userCredential) {
        // User is not enrolled with a second factor and is successfully
        // signed in.
        // ...
    })
    .catch(function (error) {
        if (error.code == 'auth/multi-factor-auth-required') {
            const resolver = getMultiFactorResolver(auth, error);
            // Ask user which second factor to use.
            if (resolver.hints[selectedIndex].factorId ===
                PhoneMultiFactorGenerator.FACTOR_ID) {
                const phoneInfoOptions = {
                    multiFactorHint: resolver.hints[selectedIndex],
                    session: resolver.session
                };
                const phoneAuthProvider = new PhoneAuthProvider(auth);
                // Send SMS verification code
                return phoneAuthProvider.verifyPhoneNumber(phoneInfoOptions, recaptchaVerifier)
                    .then(function (verificationId) {
                        // Ask user for the SMS verification code. Then:
                        const cred = PhoneAuthProvider.credential(
                            verificationId, verificationCode);
                        const multiFactorAssertion =
                            PhoneMultiFactorGenerator.assertion(cred);
                        // Complete sign-in.
                        return resolver.resolveSignIn(multiFactorAssertion)
                    })
                    .then(function (userCredential) {
                        // User successfully signed in with the second factor phone number.
                    });
            } else if (resolver.hints[selectedIndex].factorId ===
                       TotpMultiFactorGenerator.FACTOR_ID) {
                // Handle TOTP MFA.
                // ...
            } else {
                // Unsupported second factor.
            }
        } else if (error.code == 'auth/wrong-password') {
            // Handle other errors such as wrong password.
        }
    });

Web

var resolver;
firebase.auth().signInWithEmailAndPassword(email, password)
  .then(function(userCredential) {
    // User is not enrolled with a second factor and is successfully signed in.
    // ...
  })
  .catch(function(error) {
    if (error.code == 'auth/multi-factor-auth-required') {
      resolver = error.resolver;
      // Ask user which second factor to use.
      if (resolver.hints[selectedIndex].factorId ===
          firebase.auth.PhoneMultiFactorGenerator.FACTOR_ID) {
        var phoneInfoOptions = {
          multiFactorHint: resolver.hints[selectedIndex],
          session: resolver.session
        };
        var phoneAuthProvider = new firebase.auth.PhoneAuthProvider();
        // Send SMS verification code
        return phoneAuthProvider.verifyPhoneNumber(phoneInfoOptions, recaptchaVerifier)
          .then(function(verificationId) {
            // Ask user for the SMS verification code.
            var cred = firebase.auth.PhoneAuthProvider.credential(
                verificationId, verificationCode);
            var multiFactorAssertion =
                firebase.auth.PhoneMultiFactorGenerator.assertion(cred);
            // Complete sign-in.
            return resolver.resolveSignIn(multiFactorAssertion)
          })
          .then(function(userCredential) {
            // User successfully signed in with the second factor phone number.
          });
      } else if (resolver.hints[selectedIndex].factorId ===
        firebase.auth.TotpMultiFactorGenerator.FACTOR_ID) {
        // Handle TOTP MFA.
        // ...
      } else {
        // Unsupported second factor.
      }
    } else if (error.code == 'auth/wrong-password') {
      // Handle other errors such as wrong password.
    } ...
  });

Xin chúc mừng! Bạn đã đăng nhập thành công vào một người dùng bằng tính năng đa yếu tố xác thực.

Bước tiếp theo

• Quản lý người dùng đa yếu tố theo phương thức lập trình bằng Admin SDK.