আপনার ওয়েব অ্যাপে মাল্টি-ফ্যাক্টর প্রমাণীকরণ যোগ করুন

আপনি যদি আইডেন্টিটি প্ল্যাটফর্মের সাথে Firebase প্রমাণীকরণে আপগ্রেড করে থাকেন, তাহলে আপনি আপনার ওয়েব অ্যাপে SMS মাল্টি-ফ্যাক্টর প্রমাণীকরণ যোগ করতে পারেন।

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

তুমি শুরু করার আগে

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

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

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

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

  1. GCP কনসোলে, আপনি যে ভাড়াটে কাজ করতে চান তাকে বেছে নিন।

  2. আপনার কোডে, আপনার ভাড়াটে আইডিতে Auth উদাহরণে tenantId ক্ষেত্র সেট করুন। উদাহরণ স্বরূপ:

    ওয়েব মডুলার API

    import { getAuth } from "firebase/auth";

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

    ওয়েব নামস্থান API

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

মাল্টি-ফ্যাক্টর প্রমাণীকরণ সক্ষম করা হচ্ছে

  1. Firebase কনসোলের প্রমাণীকরণ > সাইন-ইন পদ্ধতি পৃষ্ঠা খুলুন।

  2. উন্নত বিভাগে, এসএমএস মাল্টি-ফ্যাক্টর প্রমাণীকরণ সক্ষম করুন।

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

  3. আপনি যদি ইতিমধ্যে আপনার অ্যাপের ডোমেন অনুমোদন না করে থাকেন, তাহলে Firebase কনসোলের প্রমাণীকরণ > সেটিংস পৃষ্ঠায় অনুমতি তালিকায় এটি যোগ করুন।

একটি তালিকাভুক্তি প্যাটার্ন নির্বাচন

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

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

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

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

  • ব্যবহারকারী যখন বর্ধিত সুরক্ষা প্রয়োজনীয়তা সহ বৈশিষ্ট্যগুলি অ্যাক্সেস করতে চায় তখন ক্রমবর্ধমানভাবে একটি দ্বিতীয় ফ্যাক্টর যোগ করা প্রয়োজন৷

reCAPTCHA যাচাইকারী সেট আপ করা হচ্ছে

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

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

অদৃশ্য reCAPTCHA ব্যবহার করা হচ্ছে

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

ওয়েব মডুলার API

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

ওয়েব নামস্থান API

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 সমাধান বা মেয়াদ শেষ হয়ে গেলে আহ্বান করা হয়:

ওয়েব মডুলার API

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

ওয়েব নামস্থান API

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 প্রি-রেন্ডার করতে পারেন:

ওয়েব মডুলার API

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

ওয়েব নামস্থান API

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

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

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

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

একটি দ্বিতীয় ফ্যাক্টর নথিভুক্ত করা

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

  1. ব্যবহারকারীকে পুনরায় প্রমাণীকরণ করুন।

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

  3. পূর্ববর্তী বিভাগে চিত্রিত হিসাবে reCAPTCHA যাচাইকারী শুরু করুন। একটি RecaptchaVerifier উদাহরণ ইতিমধ্যে কনফিগার করা থাকলে এই পদক্ষেপটি এড়িয়ে যান:

    ওয়েব মডুলার API

    import { RecaptchaVerifier } from "firebase/auth";

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

    ওয়েব নামস্থান API

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

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

    ওয়েব মডুলার API

    import { multiFactor } from "firebase/auth";

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

    ওয়েব নামস্থান API

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

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

    ওয়েব মডুলার API

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

    ওয়েব নামস্থান API

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

  6. ব্যবহারকারীর ফোনে একটি যাচাইকরণ বার্তা পাঠান:

    ওয়েব মডুলার API

    import { PhoneAuthProvider } from "firebase/auth";

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

    ওয়েব নামস্থান API

    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 টোকেন শুধুমাত্র একবার ব্যবহার করা হয়।

    ওয়েব মডুলার API

    recaptchaVerifier.clear();

    ওয়েব নামস্থান API

    recaptchaVerifier.clear();

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

    ওয়েব মডুলার API

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

    ওয়েব নামস্থান API

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

  9. PhoneAuthCredential এর সাথে একটি MultiFactorAssertion অবজেক্ট শুরু করুন:

    ওয়েব মডুলার API

    import { PhoneMultiFactorGenerator } from "firebase/auth";

const multiFactorAssertion = PhoneMultiFactorGenerator.assertion(cred);

    ওয়েব নামস্থান API

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

  10. তালিকাভুক্তি সম্পূর্ণ করুন। ঐচ্ছিকভাবে, আপনি দ্বিতীয় ফ্যাক্টরের জন্য একটি প্রদর্শন নাম উল্লেখ করতে পারেন। এটি একাধিক সেকেন্ড ফ্যাক্টর সহ ব্যবহারকারীদের জন্য দরকারী, যেহেতু প্রমাণীকরণ প্রবাহের সময় ফোন নম্বরটি মাস্ক করা হয় (উদাহরণস্বরূপ, +1******1234)।

    ওয়েব মডুলার API

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

    ওয়েব নামস্থান API

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

নীচের কোডটি দ্বিতীয় ফ্যাক্টর নথিভুক্ত করার একটি সম্পূর্ণ উদাহরণ দেখায়:

ওয়েব মডুলার API

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

ওয়েব নামস্থান API

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 error ধরুন। এই ত্রুটিটিতে একটি সমাধানকারী, নথিভুক্ত দ্বিতীয় কারণগুলির উপর ইঙ্গিত এবং একটি অন্তর্নিহিত অধিবেশন রয়েছে যা প্রমাণ করে যে ব্যবহারকারী প্রথম ফ্যাক্টরের সাথে সফলভাবে প্রমাণীকৃত হয়েছে৷

    উদাহরণস্বরূপ, যদি ব্যবহারকারীর প্রথম ফ্যাক্টরটি একটি ইমেল এবং পাসওয়ার্ড হয়:

    ওয়েব মডুলার API

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

    ওয়েব নামস্থান API

    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. ব্যবহারকারীর একাধিক সেকেন্ডারি ফ্যাক্টর নথিভুক্ত হলে, কোনটি ব্যবহার করতে হবে তাদের জিজ্ঞাসা করুন:

    ওয়েব মডুলার API

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

    ওয়েব নামস্থান API

    // 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 উদাহরণ ইতিমধ্যে কনফিগার করা থাকলে এই পদক্ষেপটি এড়িয়ে যান:

    ওয়েব মডুলার API

    import { RecaptchaVerifier } from "firebase/auth";

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

    ওয়েব নামস্থান API

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

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

    ওয়েব মডুলার API

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

    ওয়েব নামস্থান API

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

  5. ব্যবহারকারীর ফোনে একটি যাচাইকরণ বার্তা পাঠান:

    ওয়েব মডুলার API

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

    ওয়েব নামস্থান API

    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 রিসেট করুন, তারপরে আগের ধাপটি পুনরাবৃত্তি করুন যাতে ব্যবহারকারী আবার চেষ্টা করতে পারে:

    ওয়েব মডুলার API

    recaptchaVerifier.clear();

    ওয়েব নামস্থান API

    recaptchaVerifier.clear();

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

    ওয়েব মডুলার API

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

    ওয়েব নামস্থান API

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

  8. PhoneAuthCredential এর সাথে একটি MultiFactorAssertion অবজেক্ট শুরু করুন:

    ওয়েব মডুলার API

    const multiFactorAssertion = PhoneMultiFactorGenerator.assertion(cred);

    ওয়েব নামস্থান API

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

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

    ওয়েব মডুলার API

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

    ওয়েব নামস্থান API

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

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

ওয়েব মডুলার API

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

ওয়েব নামস্থান API

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

অভিনন্দন! আপনি মাল্টি-ফ্যাক্টর প্রমাণীকরণ ব্যবহার করে একজন ব্যবহারকারীকে সফলভাবে সাইন ইন করেছেন।

এরপর কি