JavaScript का इस्तेमाल करके, फ़ोन नंबर की मदद से Firebase की पुष्टि करें

उपयोगकर्ता को साइन इन करने के लिए, मैसेज (एसएमएस) भेजकर Firebase Authentication का इस्तेमाल किया जा सकता है उपयोगकर्ता के फ़ोन पर कॉपी कर सकते हैं. उपयोगकर्ता इसमें शामिल एक बार इस्तेमाल होने वाले कोड का इस्तेमाल करके साइन इन करता है एसएमएस मैसेज.

अपने ऐप्लिकेशन में फ़ोन नंबर साइन-इन जोड़ने का सबसे आसान तरीका यह है कि आप इसका इस्तेमाल करें FirebaseUI, जिसमें ड्रॉप-इन साइन-इन विजेट शामिल है, जो फ़ोन के लिए साइन-इन फ़्लो लागू करता है और फ़ेडरेटेड साइन-इन के साथ-साथ पासवर्ड-आधारित और फ़ेडरेटेड साइन-इन. यह दस्तावेज़ में यह बताया गया है कि Firebase SDK टूल का इस्तेमाल करके, फ़ोन नंबर के साइन-इन फ़्लो को कैसे लागू किया जाता है.

शुरू करने से पहले

अगर आपने अभी तक नहीं किया है, तो शुरुआती चरण के स्निपेट को Firebase कंसोल को अपने प्रोजेक्ट से कनेक्ट करें, जैसा कि में बताया गया है Firebase को अपने JavaScript प्रोजेक्ट में जोड़ें.

सुरक्षा से जुड़ी समस्याएं

सिर्फ़ फ़ोन नंबर से पुष्टि करने की सुविधा, कम सुरक्षित होती है. हालांकि, यह सुविधाजनक नहीं है अन्य उपलब्ध तरीकों की तुलना में ज़्यादा हो सकता है, क्योंकि आपके पास फ़ोन नंबर होना चाहिए इसे उपयोगकर्ताओं के बीच आसानी से ट्रांसफ़र किया जा सकता है. साथ ही, कई उपयोगकर्ताओं वाले डिवाइसों पर प्रोफ़ाइल हैं, तो SMS संदेश प्राप्त कर सकने वाला कोई भी उपयोगकर्ता इसका उपयोग करके खाते में प्रवेश कर सकता है डिवाइस का फ़ोन नंबर डालें.

अगर आपके ऐप्लिकेशन में फ़ोन नंबर के ज़रिए साइन इन करने की सुविधा का इस्तेमाल किया जाता है, तो आपको यह ऑफ़र देना चाहिए और साइन-इन करने के ज़्यादा सुरक्षित तरीकों के बारे में जानकारी मिलेगी. फ़ोन नंबर से साइन-इन न करने पर हो सकता है.

अपने Firebase प्रोजेक्ट के लिए, फ़ोन नंबर से साइन-इन करने की सुविधा चालू करना

उपयोगकर्ताओं को एसएमएस से साइन इन करने के लिए, पहले आपको फ़ोन नंबर के ज़रिए साइन इन करने की सुविधा चालू करनी होगी इस तरीके का इस्तेमाल करें:

  1. Firebase कंसोल में, पुष्टि करना सेक्शन खोलें.
  2. साइन इन करने का तरीका पेज पर, फ़ोन नंबर चालू करें साइन-इन करने का तरीका.
  3. उसी पेज पर, अगर आपके ऐप्लिकेशन को होस्ट करने वाला डोमेन, OAuth रीडायरेक्ट डोमेन सेक्शन में, अपना डोमेन जोड़ें. ध्यान दें कि localhost को होस्ट किए गए के तौर पर अनुमति नहीं है डोमेन की पुष्टि करने के लिए किया जा सकता है.

reCAPTCHA की पुष्टि करने वाला प्रोग्राम सेट अप करें

उपयोगकर्ताओं के फ़ोन नंबर से साइन इन करने से पहले, आपको यह सुविधा सेट अप करनी होगी Firebase का reCAPTCHA पुष्टि करने वाला प्रोग्राम. Firebase, गलत इस्तेमाल को रोकने के लिए reCAPTCHA का इस्तेमाल करता है. उदाहरण के लिए, यह पक्का करें कि फ़ोन नंबर की पुष्टि करने का अनुरोध, आपके में ये शामिल हो सकते हैं.

आपको मैन्युअल तरीके से reCAPTCHA क्लाइंट सेट अप करने की ज़रूरत नहीं है; जब आप इसका उपयोग करते हैं Firebase SDK टूल का RecaptchaVerifier ऑब्जेक्ट, Firebase अपने-आप सभी ज़रूरी क्लाइंट पासकोड और सीक्रेट बनाए और मैनेज करता है.

RecaptchaVerifier ऑब्जेक्ट काम करता है नहीं दिख रहा है reCAPTCHA की मदद से, अक्सर किसी उपयोगकर्ता की ज़रूरत के बिना, उसकी पुष्टि की जा सकती है कार्रवाई के साथ-साथ reCAPTCHA विजेट भी, जिसके लिए उपयोगकर्ता को हमेशा इंटरैक्शन की ज़रूरत होती है सफलतापूर्वक पूरा किया जा सकता है.

रेंडर किए गए reCAPTCHA को, उपयोगकर्ता की पसंद के हिसाब से स्थानीय भाषा में बदला जा सकता है. इसके लिए, reCAPTCHA को रेंडर करने से पहले, पुष्टि करने वाले इंस्टेंस पर भाषा कोड. ऊपर दिए गए स्थानीय भाषा के अनुसार यह ईमेल, उपयोगकर्ता को भेजे गए उस एसएमएस पर भी लागू होगा जिसमें पुष्टि करने वाला कोड शामिल होगा.

Web

import { getAuth } from "firebase/auth";

const auth = getAuth();
auth.languageCode = 'it';
// To apply the default browser preference instead of explicitly setting it.
// auth.useDeviceLanguage();
auth_set_language_code.js

Web

firebase.auth().languageCode = 'it';
// To apply the default browser preference instead of explicitly setting it.
// firebase.auth().useDeviceLanguage();
index.js

दिखाई न देने वाले reCAPTCHA का इस्तेमाल करें

दिखाई न देने वाले reCAPTCHA का इस्तेमाल करने के लिए, RecaptchaVerifier ऑब्जेक्ट बनाएं इसमें size पैरामीटर को invisible पर सेट किया गया है. उस बटन का आईडी जो आपका साइन-इन फ़ॉर्म सबमिट करता है. उदाहरण के लिए:

Web

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

const auth = getAuth();
window.recaptchaVerifier = new RecaptchaVerifier(auth, 'sign-in-button', {
  'size': 'invisible',
  'callback': (response) => {
    // reCAPTCHA solved, allow signInWithPhoneNumber.
    onSignInSubmit();
  }
});
auth_phone_recaptcha_verifier_invisible.js

Web

window.recaptchaVerifier = new firebase.auth.RecaptchaVerifier('sign-in-button', {
  'size': 'invisible',
  'callback': (response) => {
    // reCAPTCHA solved, allow signInWithPhoneNumber.
    onSignInSubmit();
  }
});
phone-auth.js

reCAPTCHA विजेट का इस्तेमाल करें

दिखने वाले reCAPTCHA विजेट का इस्तेमाल करने के लिए, अपने पेज पर ऐसा एलिमेंट बनाएं जिससे विजेट शामिल करें और फिर RecaptchaVerifier ऑब्जेक्ट बनाएं, जब ऐसा किया जाता है, तो कंटेनर की आईडी बताकर. जैसे:

Web

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

const auth = getAuth();
window.recaptchaVerifier = new RecaptchaVerifier(auth, 'recaptcha-container', {});
auth_phone_recaptcha_verifier_simple.js

Web

window.recaptchaVerifier = new firebase.auth.RecaptchaVerifier('recaptcha-container');
phone-auth.js

ज़रूरी नहीं: reCAPTCHA पैरामीटर के बारे में बताएं

वैकल्पिक रूप से आप RecaptchaVerifier ऑब्जेक्ट जिसे तब कॉल किया जाता है, जब उपयोगकर्ता इस समस्या को हल करता है उपयोगकर्ता के फ़ॉर्म सबमिट करने से पहले, reCAPTCHA या reCAPTCHA की समयसीमा खत्म हो जाती है:

Web

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

const auth = getAuth();
window.recaptchaVerifier = new RecaptchaVerifier(auth, 'recaptcha-container', {
  'size': 'normal',
  'callback': (response) => {
    // reCAPTCHA solved, allow signInWithPhoneNumber.
    // ...
  },
  'expired-callback': () => {
    // Response expired. Ask user to solve reCAPTCHA again.
    // ...
  }
});
auth_phone_recaptcha_verifier_visible.js

Web

window.recaptchaVerifier = new firebase.auth.RecaptchaVerifier('recaptcha-container', {
  'size': 'normal',
  'callback': (response) => {
    // reCAPTCHA solved, allow signInWithPhoneNumber.
    // ...
  },
  'expired-callback': () => {
    // Response expired. Ask user to solve reCAPTCHA again.
    // ...
  }
});
phone-auth.js

ज़रूरी नहीं: reCAPTCHA को पहले से रेंडर करना

अगर आपको साइन इन करने का अनुरोध सबमिट करने से पहले, reCAPTCHA को पहले से रेंडर करना है, तो render को कॉल करें:

Web

recaptchaVerifier.render().then((widgetId) => {
  window.recaptchaWidgetId = widgetId;
});
auth_phone_recaptcha_render.js

Web

recaptchaVerifier.render().then((widgetId) => {
  window.recaptchaWidgetId = widgetId;
});
phone-auth.js

render समस्या हल होने के बाद, आपको reCAPTCHA का विजेट आईडी मिलेगा आप re कैप्चा एपीआई:

Web

const recaptchaResponse = grecaptcha.getResponse(recaptchaWidgetId);
auth_get_recaptcha_response.js

Web

const recaptchaResponse = grecaptcha.getResponse(recaptchaWidgetId);
phone-auth.js

उपयोगकर्ता के फ़ोन पर पुष्टि करने के लिए कोड भेजें

फ़ोन नंबर से साइन-इन करने के लिए, उपयोगकर्ता को ऐसा इंटरफ़ेस दिखाएं जो प्रॉम्प्ट देता हो ताकि वे अपना फ़ोन नंबर दे सकें और फिर आपको कॉल कर सकें signInWithPhoneNumber से अनुरोध करें कि Firebase उपयोगकर्ता के फ़ोन पर एसएमएस के ज़रिए पुष्टि करने के लिए भेजा गया कोड:

  1. उपयोगकर्ता का फ़ोन नंबर पाएं.

    कानूनी समझौते की शर्तें अलग-अलग हो सकती हैं, लेकिन ये सबसे सही तरीके हैं और अपने उपयोगकर्ताओं के लिए उम्मीदें सेट करने के लिए, आपको उन्हें यह बताना होगा कि अगर वे फ़ोन से प्रवेश करते हैं, तो उन्हें एक एसएमएस संदेश मिल सकता है, दरें लागू होंगी.

  2. signInWithPhoneNumber को कॉल करें और उपयोगकर्ता के फ़ोन के पास जाएं नंबर और RecaptchaVerifier.

    Web

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

const phoneNumber = getPhoneNumberFromUserInput();
const appVerifier = window.recaptchaVerifier;

const auth = getAuth();
signInWithPhoneNumber(auth, phoneNumber, appVerifier)
    .then((confirmationResult) => {
      // SMS sent. Prompt user to type the code from the message, then sign the
      // user in with confirmationResult.confirm(code).
      window.confirmationResult = confirmationResult;
      // ...
    }).catch((error) => {
      // Error; SMS not sent
      // ...
    });
    auth_phone_signin.js

    Web

    const phoneNumber = getPhoneNumberFromUserInput();
const appVerifier = window.recaptchaVerifier;
firebase.auth().signInWithPhoneNumber(phoneNumber, appVerifier)
    .then((confirmationResult) => {
      // SMS sent. Prompt user to type the code from the message, then sign the
      // user in with confirmationResult.confirm(code).
      window.confirmationResult = confirmationResult;
      // ...
    }).catch((error) => {
      // Error; SMS not sent
      // ...
    });
    phone-auth.js
    अगर signInWithPhoneNumber का इस्तेमाल करने पर कोई गड़बड़ी मिलती है, तो reCAPTCHA, ताकि उपयोगकर्ता फिर से कोशिश कर सके: 
    grecaptcha.reset(window.recaptchaWidgetId);

// Or, if you haven't stored the widget ID:
window.recaptchaVerifier.render().then(function(widgetId) {
  grecaptcha.reset(widgetId);
});

signInWithPhoneNumber तरीका, reCAPTCHA चैलेंज जारी करता है और अगर उपयोगकर्ता इस चैलेंज को पूरा करता है, तो Firebase Authentication एक मैसेज (एसएमएस) भेजते हैं. इसमें पुष्टि करने का कोड शामिल होता है उपयोगकर्ता का फ़ोन नंबर डालें.

पुष्टि करने के कोड से उपयोगकर्ता को साइन इन करें

signInWithPhoneNumber को कॉल पूरा होने के बाद, उपयोगकर्ता को एसएमएस के ज़रिए मिला पुष्टि करने के लिए कोड टाइप करना होगा. इसके बाद, उस उपयोगकर्ता के कोड को confirm तरीके में पास करके ConfirmationResult ऑब्जेक्ट जिसे पास किया गया signInWithPhoneNumber का फ़ुलफ़िलमेंट हैंडलर (यानी कि then ब्लॉक). उदाहरण के लिए:

Web

const code = getCodeFromUserInput();
confirmationResult.confirm(code).then((result) => {
  // User signed in successfully.
  const user = result.user;
  // ...
}).catch((error) => {
  // User couldn't sign in (bad verification code?)
  // ...
});
auth_phone_verify_code.js

Web

const code = getCodeFromUserInput();
confirmationResult.confirm(code).then((result) => {
  // User signed in successfully.
  const user = result.user;
  // ...
}).catch((error) => {
  // User couldn't sign in (bad verification code?)
  // ...
});
phone-auth.js

अगर confirm को कॉल कर लिया गया है, तो इसका मतलब है कि उपयोगकर्ता ने सही को कॉल कर लिया है साइन इन किया है.

मध्यवर्ती AuthCredential ऑब्जेक्ट पाएं

अगर आपको उपयोगकर्ता की ऐसेट के लिए AuthCredential ऑब्जेक्ट चाहिए खाते के लिए, पुष्टि के नतीजे में से भेजा गया पुष्टि कोड पास करें और के बजाय PhoneAuthProvider.credential पर पुष्टि करने के लिए कोड डालें confirm पर कॉल किया जा रहा है: 

var credential = firebase.auth.PhoneAuthProvider.credential(confirmationResult.verificationId, code);

इसके बाद, उपयोगकर्ता के क्रेडेंशियल से भी साइन इन किया जा सकता है:

firebase.auth().signInWithCredential(credential);

काल्पनिक फ़ोन नंबर के साथ परीक्षण करें

Firebase कंसोल के ज़रिए, डेवलपमेंट के लिए काल्पनिक फ़ोन नंबर सेट अप किए जा सकते हैं. काल्पनिक फ़ोन से टेस्ट करना संख्याओं से ये फ़ायदे मिलते हैं:

  • इस्तेमाल करने का कोटा खर्च किए बिना, फ़ोन नंबर की पुष्टि करने की सुविधा की जांच करें.
  • वास्तविक एसएमएस मैसेज भेजे बिना ही फ़ोन नंबर की पुष्टि करके देखें.
  • थ्रॉटल किए बिना, एक ही फ़ोन नंबर से लगातार टेस्ट करें. यह अगर समीक्षक Play Store की समीक्षा की प्रोसेस के दौरान, जांच करने के लिए एक ही फ़ोन नंबर.
  • किसी भी अतिरिक्त प्रयास के बिना विकास वातावरण में आसानी से परीक्षण करें, जैसे Google Play services के बिना, iOS सिम्युलेटर या Android एम्युलेटर में डेवलप करने की सुविधा.
  • आम तौर पर लागू होने वाली सुरक्षा जांचों से रोके बिना इंटिग्रेशन टेस्ट लिखें फ़ोन नंबर इस्तेमाल करने की सुविधा देती है.

काल्पनिक फ़ोन नंबर इन शर्तों के मुताबिक होने चाहिए:

  1. पक्का करें कि आप ऐसे फ़ोन नंबर इस्तेमाल करें जो असल में काल्पनिक हैं और जो पहले से मौजूद नहीं हैं. Firebase Authentication आपको उन मौजूदा फ़ोन नंबरों को टेस्ट नंबर के रूप में सेट करने की अनुमति नहीं देता है, जिनका इस्तेमाल वास्तविक उपयोगकर्ता करते हैं. अमेरिका के टेस्ट फ़ोन नंबर के तौर पर, 555 प्रीफ़िक्स नंबर का इस्तेमाल किया जा सकता है. उदाहरण के लिए: +1 650-555-3434
  2. फ़ोन नंबर लंबाई और अन्य चीज़ों के लिए सही ढंग से प्रारूपित होने चाहिए करना है. उन्हें अब भी उसी तरह से पुष्टि की जाएगी जिस तरह किसी असली उपयोगकर्ता के फ़ोन नंबर की पुष्टि की जाती है.
  3. डेवलपमेंट के लिए, ज़्यादा से ज़्यादा 10 फ़ोन नंबर जोड़े जा सकते हैं.
  4. ऐसे टेस्ट फ़ोन नंबर/कोड का इस्तेमाल करें जिनका अनुमान लगाना और उन्हें बदलना मुश्किल हो अक्सर.

काल्पनिक फ़ोन नंबर और पुष्टि करने के लिए कोड बनाएं

  1. Firebase कंसोल में, खोलें पुष्टि करना सेक्शन.
  2. साइन इन करने का तरीका टैब में, अगर आपने पहले से फ़ोन की सेवा देने वाली कंपनी को चालू नहीं किया है, तो उसे चालू करें.
  3. टेस्टिंग के लिए फ़ोन नंबर अकॉर्डियन मेन्यू खोलें.
  4. वह फ़ोन नंबर दें जिसकी आपको जांच करनी है. उदाहरण के लिए: +1 650-555-3434.
  5. उस खास नंबर के लिए छह अंकों का पुष्टि करने वाला कोड दें, जैसे कि: 654321.
  6. नंबर जोड़ें. अगर ज़रूरत हो, तो आप फ़ोन नंबर मिटा सकते हैं और इसके लिए, उससे जुड़ी लाइन पर कर्सर घुमाएं और ट्रैश आइकॉन पर क्लिक करें.

मैन्युअल तरीके से जांच करने की सुविधा

अपने ऐप्लिकेशन में, किसी काल्पनिक फ़ोन नंबर का इस्तेमाल सीधे तौर पर शुरू किया जा सकता है. इसकी मदद से, ये काम किए जा सकते हैं कोटा की समस्याओं या थ्रॉटलिंग से जुड़ी समस्या के बिना, डेवलपमेंट के चरणों के दौरान मैन्युअल तरीके से जांच करेगा. Google Play services के बिना भी, iOS सिम्युलेटर या Android Emulator से भी डिवाइस की जांच की जा सकती है इंस्टॉल किया गया.

जब आप काल्पनिक फ़ोन नंबर देते हैं और पुष्टि कोड भेजते हैं, तो कोई असल मैसेज (एसएमएस) नहीं भेजा जाता भेजा गया. इसके बजाय, साइन इन करने के लिए, आपको पहले से कॉन्फ़िगर किया गया पुष्टि करने वाला कोड देना होगा इंच

साइन-इन पूरा होने पर, उस फ़ोन नंबर से एक Firebase उपयोगकर्ता बन जाता है. कॉन्टेंट बनाने उपयोगकर्ता का व्यवहार और प्रॉपर्टी किसी वास्तविक फ़ोन नंबर उपयोगकर्ता की तरह ही होती हैं और Realtime Database/Cloud Firestore और अन्य सेवाएं इसी तरह से काम करती हैं. के दौरान बनाया गया आईडी टोकन इस प्रोसेस में फ़ोन नंबर इस्तेमाल करने वाले असली उपयोगकर्ता के हस्ताक्षर एक जैसे हैं.

दूसरा विकल्प यह है कि कस्टम यूआरएल के ज़रिए टेस्ट भूमिका सेट की जाए दावों का इस्तेमाल करके उन्हें नकली उपयोगकर्ताओं के तौर पर पेश किया जा सकता है. ऐसा तब ही किया जा सकता है, जब आपको ऐक्सेस दें.

इंटिग्रेशन की जांच करना

मैन्युअल तरीके से टेस्ट करने के अलावा, Firebase Authentication, इंटिग्रेशन टेस्ट लिखने में मदद करने के लिए एपीआई उपलब्ध कराता है फ़ोन की पुष्टि की जांच के लिए. ये एपीआई, reCAPTCHA को बंद करके ऐप्लिकेशन की पुष्टि की सुविधा को बंद कर देते हैं iOS में, वेब और साइलेंट पुश नोटिफ़िकेशन के लिए ज़रूरी शर्तें. इससे इन सेवाओं में ऑटोमेशन की जांच की जा सकती है साथ ही, इन्हें आसानी से लागू किया जा सकता है. इसके अलावा, वे तुरंत जांच करने की सुविधा भी देते हैं पुष्टि करने की प्रक्रिया को Android पर पूरा करना ज़रूरी है.

वेब पर, appVerificationDisabledForTesting को इस पर सेट करें firebase.auth.RecaptchaVerifier को रेंडर करने से पहले, true. इससे समाधान हो जाता है reCAPTCHA अपने-आप होता है, जिससे आप फ़ोन नंबर को मैन्युअल रूप से हल किए बिना उसे पास कर सकते हैं. नोट जोड़ें reCAPTCHA न होने के बावजूद, किसी गैर-काल्पनिक फ़ोन नंबर का इस्तेमाल करने पर साइन इन पूरा करें. इस एपीआई के साथ सिर्फ़ काल्पनिक फ़ोन नंबर इस्तेमाल किए जा सकते हैं. 

// Turn off phone auth app verification.
firebase.auth().settings.appVerificationDisabledForTesting = true;

var phoneNumber = "+16505554567";
var testVerificationCode = "123456";

// This will render a fake reCAPTCHA as appVerificationDisabledForTesting is true.
// This will resolve after rendering without app verification.
var appVerifier = new firebase.auth.RecaptchaVerifier('recaptcha-container');
// signInWithPhoneNumber will call appVerifier.verify() which will resolve with a fake
// reCAPTCHA response.
firebase.auth().signInWithPhoneNumber(phoneNumber, appVerifier)
    .then(function (confirmationResult) {
      // confirmationResult can resolve with the fictional testVerificationCode above.
      return confirmationResult.confirm(testVerificationCode)
    }).catch(function (error) {
      // Error; SMS not sent
      // ...
    });

ऐप्लिकेशन की पुष्टि होने पर, दिखने और न दिखने वाले मॉक reCAPTCHA ऐप्लिकेशन की पुष्टि करने वाली सुविधाएं अलग तरह से काम करती हैं अक्षम:

  • दिखने वाला reCAPTCHA: जब दिखाई देने वाला reCAPTCHA, इसके ज़रिए रेंडर किया जाता है appVerifier.render(), यह एक सेकंड के कुछ हिस्से के बाद अपने-आप ठीक हो जाती है देरी. यह ठीक वैसे ही है जैसे उपयोगकर्ता, रेंडरिंग के तुरंत बाद reCAPTCHA पर क्लिक करता है. reCAPTCHA कुछ समय बाद रिस्पॉन्स की समयसीमा खत्म हो जाएगी और फिर इसका अपने-आप समाधान होगा.
  • नहीं दिखने वाला reCAPTCHA: नहीं दिखने वाला reCAPTCHA, रेंडरिंग की समस्याओं को अपने-आप हल नहीं करता. इसके बजाय, यह appVerifier.verify()कॉल करें या जब reCAPTCHA का बटन ऐंकर यह हो सेकंड की देरी के कुछ हिस्से के बाद क्लिक किया गया हो. इसी तरह, जवाब की समयसीमा कुछ समय बाद ख़त्म हो जाएगी केवल appVerifier.verify() कॉल के बाद या जब reCAPTCHA के बटन ऐंकर पर फिर से क्लिक किया गया है.

जब कोई मॉक reCAPTCHA हल होता है, तो उससे जुड़ा कॉलबैक फ़ंक्शन उम्मीद के मुताबिक ट्रिगर होता है वह भी स्पैम के तौर पर मार्क किया गया हो. अगर समयसीमा खत्म होने के समय का कॉलबैक भी दिया गया है, तो यह समयसीमा खत्म होने पर ट्रिगर होगा.

अगले चरण

किसी उपयोगकर्ता के पहली बार साइन इन करने के बाद, एक नया उपयोगकर्ता खाता बना दिया जाता है और आपके खाते के क्रेडेंशियल मौजूद हैं, जैसे कि उपयोगकर्ता नाम और पासवर्ड, या पुष्टि करने वाली कंपनी की जानकारी—उपयोगकर्ता ने जिससे साइन इन किया है. यह नया खाते को आपके Firebase प्रोजेक्ट के हिस्से के तौर पर सेव किया जाता है. साथ ही, इसका इस्तेमाल आपके प्रोजेक्ट के हर ऐप्लिकेशन में हर उपयोगकर्ता के लिए उपलब्ध होता है. भले ही, उपयोगकर्ता किसी भी तरह से साइन इन करता हो.

  • आपके ऐप्लिकेशन में, उपयोगकर्ता के मालिकाना हक की स्थिति जानने के लिए, सुझाया गया तरीका यह है Auth ऑब्जेक्ट पर ऑब्ज़र्वर सेट करें. इसके बाद ही आप उपयोगकर्ता की User ऑब्जेक्ट से मिली, प्रोफ़ाइल की बुनियादी जानकारी. यहां जाएं: उपयोगकर्ताओं को मैनेज करें.

  • आपके Firebase Realtime Database और Cloud Storage में सुरक्षा के नियम, ये काम किए जा सकते हैं auth वैरिएबल से साइन-इन किए हुए उपयोगकर्ता का यूनीक यूज़र आईडी पाएं, और इसका इस्तेमाल करके यह कंट्रोल किया जा सकता है कि उपयोगकर्ता कौनसा डेटा ऐक्सेस कर सकता है.

उपयोगकर्ताओं को, पुष्टि करने के एक से ज़्यादा तरीके का इस्तेमाल करके, अपने ऐप्लिकेशन में साइन इन करने की अनुमति दी जा सकती है पुष्टि करने वाले के क्रेडेंशियल जोड़कर मौजूदा उपयोगकर्ता खाते से लिंक किया जा सकता है.

उपयोगकर्ता को साइन आउट करने के लिए पर कॉल करें signOut:

Web

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

const auth = getAuth();
signOut(auth).then(() => {
  // Sign-out successful.
}).catch((error) => {
  // An error happened.
});
auth_sign_out.js

Web

firebase.auth().signOut().then(() => {
  // Sign-out successful.
}).catch((error) => {
  // An error happened.
});
index.js