আপনার ওয়েব অ্যাপে বহু-স্তরীয় যাচাইকরণ যোগ করা

আপনি Firebase Authentication with Identity Platform-এ আপগ্রেড করে থাকলে, আপনার ওয়েব অ্যাপে এসএমএস বহু-স্তরীয় যাচাইকরণ যোগ করতে পারবেন।

বহু-স্তরীয় যাচাইকরণ আপনার অ্যাপের নিরাপত্তা বাড়ায়। অ্যাটাকাররা প্রায়ই পাসওয়ার্ড ও সোশ্যাল অ্যাকাউন্ট হ্যাক করলেও, টেক্সট মেসেজ ইন্টারসেপ্ট করা আরও কঠিন।

শুরু করার আগে

  1. বহু-স্তরীয় যাচাইকরণ কাজ করে এমন অন্তত একটি পরিষেবা প্রদানকারী চালু করুন। ফোন যাচাইকরণ, পরিচয় গোপন রেখে যাচাইকরণ এবং Apple গেম সেন্টার ছাড়া প্রতিটি পরিষেবা প্রদানকারীর ক্ষেত্রে MFA কাজ করে।

  2. আপনি এসএমএস যাচাইকরণ ব্যবহার করতে চান এমন অঞ্চলগুলি চালু করুন। Authentication সম্পূর্ণভাবে ব্লক করা এসএমএস অঞ্চল সংক্রান্ত নীতি ব্যবহার করে, যা ডিফল্ট হিসেবে আপনার প্রোজেক্টকে আরও সুরক্ষিত অবস্থায় তৈরি করতে সাহায্য করে।

  3. আপনার অ্যাপ ব্যবহারকারীর ইমেল যাচাই করছে কিনা তা নিশ্চিত করুন। MFA-এর জন্য ইমেল যাচাইকরণ প্রয়োজন। এর ফলে, ক্ষতিকর ব্যক্তিরা নিজেদের নয় এমন ইমেল আইডি দিয়ে কোনও পরিষেবায় রেজিস্টার করতে এবং তারপরে দ্বিতীয় ধাপ যোগ করে আসল মালিককে লক-আউট করতে পারে না।

মাল্টি-টেন্যান্সি ব্যবহার করা

আপনি যদি কোনও মাল্টি-টেন্যান্ট এনভায়রনমেন্টে ব্যবহারের জন্য বহু-স্তরীয় যাচাইকরণ চালু করেন, তাহলে নিচে উল্লেখ করা ধাপগুলি (এই ডকুমেন্টে দেওয়া অন্যান্য নির্দেশাবলী ছাড়াও) সম্পূর্ণ করতে ভুলবেন না:

  1. Google Cloud কনসোলে, আপনি যে টেন্যান্টের সাথে কাজ করতে চান সেটি বেছে নিন।

  2. আপনার কোডে, Auth ইনস্ট্যান্সে tenantId ফিল্ডটি আপনার টেন্যান্টের আইডিতে সেট করুন। যেমন:

    Web 

    import { getAuth } from "firebase/auth";

const auth = getAuth(app);
auth.tenantId = "myTenantId1";

    Web 

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

বহু-স্তরীয় যাচাইকরণ চালু করা

  1. Firebase কনসোলে, নিরাপত্তা > যাচাইকরণ বিকল্পে যান।

  2. সাইন-ইন পদ্ধতি ট্যাবের উন্নত বিভাগে গিয়ে এসএমএস মাল্টি-ফ্যাক্টর যাচাইকরণ চালু করুন।

    এছাড়াও, আপনি যেসব ফোন নম্বর দিয়ে অ্যাপ পরীক্ষা করবেন সেগুলিও আপনাকে লিখতে হবে। ঐচ্ছিক হলেও, ডেভেলপমেন্টের সময় থ্রটলিং এড়াতে টেস্ট ফোন নম্বর রেজিস্টার করার জন্য বিশেষভাবে সাজেস্ট করা হয়।

  3. আপনি আগে থেকে করে না থাকলে, আপনার অ্যাপের ডোমেন অনুমোদন করুন:

    1. Firebase কনসোলে, নিরাপত্তা > অনুমোদন > সেটিংস ট্যাব বিকল্পে যান।

    2. অনুমোদিত ডোমেন বিভাগে, ডোমেন যোগ করুন বিকল্পে ক্লিক করুন এবং আপনার ডোমেন যোগ করুন।

এনরোলমেন্ট প্যাটার্ন বেছে নেওয়া

আপনার অ্যাপে বহু-স্তরীয় যাচাইকরণ প্রয়োজন কিনা এবং কীভাবে ও কখন ব্যবহারকারীদের এনরোল করবেন তা আপনি বেছে নিতে পারবেন। কিছু সাধারণ প্যাটার্নের মধ্যে এগুলি পড়ে:

  • রেজিস্ট্রেশনের অংশ হিসেবে ব্যবহারকারীর সেকেন্ড ফ্যাক্টর এনরোল করুন। আপনার অ্যাপের সব ব্যবহারকারীর জন্য বহু-স্তরীয় যাচাইকরণ প্রয়োজন হলে এই পদ্ধতি ব্যবহার করুন।

  • রেজিস্ট্রেশনের সময় দ্বিতীয় ফ্যাক্টর এনরোল করার জন্য এড়িয়ে যাওয়া যায় এমন বিকল্প অফার করুন। যেসব অ্যাপ বহু-স্তরীয় যাচাইকরণ চালু করার জন্য উৎসাহ দিতে চায়, তবে বাধ্যতামূলক নয়, সেগুলি এই পদ্ধতি পছন্দ করতে পারে।

  • সাইন-আপ স্ক্রিনের পরিবর্তে ব্যবহারকারীর অ্যাকাউন্ট বা প্রোফাইল ম্যানেজমেন্ট পৃষ্ঠা থেকে দ্বিতীয় ধাপের যাচাইকরণ যোগ করার সুবিধা প্রদান করুন। এর ফলে রেজিস্ট্রেশন প্রসেস চলাকালীন সমস্যা কমে যায়, তবে এর পাশাপাশি নিরাপত্তা-সংবেদনশীল ব্যবহারকারীদের জন্য মাল্টি-ফ্যাক্টর যাচাইকরণ উপলভ্য থাকে।

  • ব্যবহারকারী যখন আরও বেশি নিরাপত্তা সংক্রান্ত প্রয়োজনীয়তা সহ ফিচার অ্যাক্সেস করতে চান, তখন ক্রমবর্ধমানভাবে দ্বিতীয় ফ্যাক্টর যোগ করতে হবে।

reCAPTCHA যাচাইকারী সেট-আপ করা

এসএমএস কোড পাঠানোর আগে আপনাকে একটি reCAPTCHA যাচাইকারী কনফিগার করতে হবে। Authentication অপব্যবহার প্রতিরোধ করতে reCAPTCHA ব্যবহার করে। এটি নিশ্চিত করে যে ফোন নম্বর যাচাইকরণের অনুরোধ আপনার অ্যাপের অনুমোদিত ডোমেনগুলির মধ্যে একটি থেকে এসেছে।

আপনাকে ম্যানুয়ালি কোনও reCAPTCHA ক্লায়েন্ট সেট-আপ করতে হবে না; ক্লায়েন্ট SDK-এর RecaptchaVerifier অবজেক্ট অটোমেটিক প্রয়োজনীয় ক্লায়েন্ট কী ও সিক্রেট তৈরি ও ইনিশিয়ালাইজ করে।

ইনভিজিবল reCAPTCHA ব্যবহার করা

RecaptchaVerifier অবজেক্টে ইনভিজিবল reCAPTCHA কাজ করে, যা প্রায়ই কোনও ইন্টার‍্যাকশন ছাড়াই ব্যবহারকারীকে যাচাই করতে পারে। অদৃশ্য reCAPTCHA ব্যবহার করতে, size প্যারামিটার invisible হিসেবে সেট করা একটি RecaptchaVerifier তৈরি করুন এবং মাল্টি-ফ্যাক্টর এনরোলমেন্ট শুরু করে এমন UI এলিমেন্টের আইডি উল্লেখ করুন:

Web 

import { RecaptchaVerifier, getAuth } from "firebase/auth";

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

Web 

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

reCAPTCHA উইজেট ব্যবহার করা

দৃশ্যমান reCAPTCHA উইজেট ব্যবহার করতে, উইজেটটি রাখার জন্য একটি HTML এলিমেন্ট তৈরি করুন । তারপরে, UI কন্টেনারের ID সহ একটি RecaptchaVerifier অবজেক্ট তৈরি করুন। এছাড়াও, আপনি ঐচ্ছিকভাবে কলব্যাক সেট করতে পারেন যা reCAPTCHA সমাধান করা হলে বা সেটির মেয়াদ শেষ হয়ে গেলে ইনভোক করা হয়:

Web 

import { RecaptchaVerifier, getAuth } from "firebase/auth";

const recaptchaVerifier = new RecaptchaVerifier(
    getAuth(),
    "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.
        // ...
      }
    }
);

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.
      // ...
    }
  });

reCAPTCHA প্রি-রেন্ডার করা

ঐচ্ছিকভাবে, আপনি টু-ফ্যাক্টর এনরোলমেন্ট শুরু করার আগে reCAPTCHA প্রি-রেন্ডার করতে পারেন:

Web 

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

Web 

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

render() সমাধান হওয়ার পরে, আপনি reCAPTCHA-এর উইজেট আইডি পাবেন, যা আপনি reCAPTCHA API-তে কল করতে ব্যবহার করতে পারবেন:

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

RecaptchaVerifier verify পদ্ধতির মাধ্যমে এই লজিককে অ্যাবস্ট্রাক্ট করে, তাই আপনাকে সরাসরি grecaptcha ভেরিয়েবল ম্যানেজ করতে হবে না।

দ্বিতীয় ধাপে যাচাইকরণ এনরোল করা

কোনও ব্যবহারকারীর জন্য নতুন সেকেন্ডারি ফ্যাক্টর এনরোল করতে:

  1. ব্যবহারকারীকে আবার যাচাই করুন।

  2. ব্যবহারকারীকে তার ফোন নম্বর লিখতে বলুন।

    আপনার ব্যবহারকারীদের ফোন নম্বর পাঠানোর আগে তাদের থেকে উপযুক্ত সম্মতি নিয়েছেন কিনা তা নিশ্চিত করুন।

  3. আগের বিভাগে যেভাবে দেখানো হয়েছে সেইভাবে reCAPTCHA যাচাইকারীকে ইনিশিয়ালাইজ করুন। RecaptchaVerifier ইনস্ট্যান্স আগে থেকেই কনফিগার করা থাকলে এই ধাপটি এড়িয়ে যান:

    Web 

    import { RecaptchaVerifier, getAuth } from "firebase/auth";

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

    Web 

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

  4. ব্যবহারকারীর জন্য মাল্টি-ফ্যাক্টর সেশন পান:

    Web 

    import { multiFactor } from "firebase/auth";

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

    Web 

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

  5. ব্যবহারকারীর ফোন নম্বর ও মাল্টি-ফ্যাক্টর সেশন সহ একটি PhoneInfoOptions অবজেক্ট ইনিশিয়ালাইজ করুন:

    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. ব্যবহারকারীর ফোনে যাচাইকরণ মেসেজ পাঠান:

    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.
  })

    প্রয়োজন না হলেও, ব্যবহারকারীদের আগে থেকে জানিয়ে দেওয়া ভাল যে তারা একটি এসএমএস মেসেজ পাবেন এবং স্ট্যান্ডার্ড রেট প্রযোজ্য হবে।

  7. অনুরোধটি সম্পূর্ণ না হলে, reCAPTCHA রিসেট করুন, তারপর আগের ধাপটি আবার করুন যাতে ব্যবহারকারী আবার চেষ্টা করতে পারেন। মনে রাখবেন যে verifyPhoneNumber() reCAPTCHA কোনও এরর দেখালে সেটি অটোমেটিক রিসেট হয়ে যাবে, কারণ reCAPTCHA টোকেন একবারই ব্যবহার করা যায়।

    Web 

    recaptchaVerifier.clear();

    Web 

    recaptchaVerifier.clear();

  8. এসএমএস কোড পাঠানোর পরে, ব্যবহারকারীকে কোড যাচাই করতে বলুন:

    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. PhoneAuthCredential-এর সাহায্যে MultiFactorAssertion অবজেক্ট ইনিশিয়ালাইজ করুন:

    Web 

    import { PhoneMultiFactorGenerator } from "firebase/auth";

const multiFactorAssertion = PhoneMultiFactorGenerator.assertion(cred);

    Web 

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

  10. এনরোলমেন্ট সম্পূর্ণ করুন। ঐচ্ছিকভাবে, আপনি দ্বিতীয় ধাপের জন্য একটি ডিসপ্লে নাম নির্দিষ্ট করতে পারেন। যেসব ব্যবহারকারীর একাধিক সেকেন্ড ফ্যাক্টর আছে তাদের জন্য এটি উপযোগী, কারণ যাচাইকরণ ফ্লো চলাকালীন ফোন নম্বরটি মাস্ক করা থাকে (যেমন, +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');

নিচের কোডটি দ্বিতীয় ধাপে যাচাইকরণ এনরোল করার একটি সম্পূর্ণ উদাহরণ দেখায়:

Web 

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

const recaptchaVerifier = new RecaptchaVerifier(getAuth(),
    'recaptcha-container-id', undefined);
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);
});

অভিনন্দন! আপনি কোনও ব্যবহারকারীর জন্য দ্বিতীয় যাচাইকরণ পদ্ধতি সফলভাবে রেজিস্টার করেছেন।

দ্বিতীয় ধাপে যাচাইকরণের মাধ্যমে ব্যবহারকারীদের সাইন-ইন করানো

টু-ফ্যাক্টর এসএমএস যাচাইকরণের মাধ্যমে কোনও ব্যবহারকারীকে সাইন-ইন করাতে:

  1. ব্যবহারকারীকে তার প্রথম ফ্যাক্টর দিয়ে সাইন-ইন করান, তারপর auth/multi-factor-auth-required সমস্যাটি দেখুন। এই সমস্যার মধ্যে একটি সমাধানকারী, এনরোল করা সেকেন্ড ফ্যাক্টর সম্পর্কিত ইঙ্গিত এবং একটি অন্তর্নিহিত সেশন রয়েছে যা প্রমাণ করে যে ব্যবহারকারী প্রথম ফ্যাক্টর ব্যবহার করে সফলভাবে যাচাই করেছেন।

    যেমন, ব্যবহারকারীর প্রথম ফ্যাক্টর ইমেল ও পাসওয়ার্ড হলে:

    Web 

    import { getAuth, signInWithEmailAndPassword, 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.
    } ...
  });

    ব্যবহারকারীর প্রথম ফ্যাক্টর যদি OAuth, SAML বা OIDC-এর মতো কোনও ফেডারেটেড প্রদানকারী হয়, তাহলে signInWithPopup() বা signInWithRedirect() কল করার পরে হওয়া সমস্যাটি শনাক্ত করুন।

  2. ব্যবহারকারী একাধিক সেকেন্ডারি ফ্যাক্টর এনরোল করে থাকলে, তাকে জিজ্ঞাসা করুন যে কোনটি ব্যবহার করতে চান:

    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. আগের বিভাগে যেভাবে দেখানো হয়েছে সেইভাবে reCAPTCHA যাচাইকারীকে ইনিশিয়ালাইজ করুন। RecaptchaVerifier ইনস্ট্যান্স আগে থেকেই কনফিগার করা থাকলে এই ধাপটি এড়িয়ে যান:

    Web 

    import { RecaptchaVerifier, getAuth } from "firebase/auth";

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

    Web 

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

  4. ব্যবহারকারীর ফোন নম্বর ও মাল্টি-ফ্যাক্টর সেশন দিয়ে একটি PhoneInfoOptions অবজেক্ট ইনিশিয়ালাইজ করুন। এইসব ভ্যালু resolver অবজেক্টে থাকে যা auth/multi-factor-auth-required error-এ পাস করা হয়:

    Web 

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

    Web 

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

  5. ব্যবহারকারীর ফোনে যাচাইকরণ মেসেজ পাঠান:

    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. অনুরোধটি সম্পূর্ণ না হলে, reCAPTCHA রিসেট করুন, তারপর আগের ধাপটি আবার করুন যাতে ব্যবহারকারী আবার চেষ্টা করতে পারেন:

    Web 

    recaptchaVerifier.clear();

    Web 

    recaptchaVerifier.clear();

  7. এসএমএস কোড পাঠানোর পরে, ব্যবহারকারীকে কোড যাচাই করতে বলুন:

    Web 

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

    Web 

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

  8. PhoneAuthCredential-এর সাহায্যে MultiFactorAssertion অবজেক্ট ইনিশিয়ালাইজ করুন:

    Web 

    const multiFactorAssertion = PhoneMultiFactorGenerator.assertion(cred);

    Web 

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

  9. সেকেন্ডারি যাচাইকরণ সম্পূর্ণ করতে resolver.resolveSignIn() নম্বরে কল করুন। তারপরে, আপনি আসল সাইন-ইন ফলাফল অ্যাক্সেস করতে পারবেন, যার মধ্যে প্রদানকারী-নির্দিষ্ট স্ট্যান্ডার্ড ডেটা এবং যাচাইকরণের ক্রেডেনশিয়াল অন্তর্ভুক্ত থাকে:

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

নিচের কোডে মাল্টি-ফ্যাক্টর ব্যবহারকারীকে সাইন-ইন করানোর সম্পূর্ণ উদাহরণ দেখানো হয়েছে:

Web 

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

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

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

অভিনন্দন! আপনি মাল্টি-ফ্যাক্টর অথেন্টিকেশন ব্যবহার করে কোনও ব্যবহারকারীকে সাইন-ইন করিয়েছেন।

এরপর কী