Firebase Auth और रीयल-टाइम database applications · पाठ

Facebook और GitHub प्रमाणीकरण

Facebook और GitHub को प्रमाणीकरण प्रदाता के रूप में जोड़ें तथा सामाजिक लॉगिन के लिए अपने ऐप और Firebase को कॉन्फ़िगर करें

पाठ 2, कुल 4 में से11 चरण

Facebook और GitHub प्रमाणीकरण, CoddyKit पर Firebase Auth और रीयल-टाइम database applications का एक निःशुल्क पाठ है। यह 4 में से 2वाँ पाठ है। इस अध्ययन पथ के 3 तक कोई भी पाठ पूरा पढ़ना निःशुल्क है — इसके बाद CoddyKit PRO हर पाठ अनलॉक करता है, साथ ही अंतर्निर्मित कोड संपादक और चौबीसों घंटे एआई शिक्षक के साथ व्यावहारिक अभ्यास भी उपलब्ध कराता है। यह Firebase Auth और रीयल-टाइम database applications सीखने के मार्ग का हिस्सा है और आपकी प्रगति वेब तथा CoddyKit ऐप पर सिंक होती रहती है। Firebase Auth और रीयल-टाइम database applications पाठ्यक्रम में कुल 4 पाठ शामिल हैं।

सोशल लॉगिन: Facebook और GitHub

स्वागत है! इस पाठ में हम दो लोकप्रिय सोशल लॉगिन विकल्पों: Facebook और GitHub को एकीकृत करना सीखेंगे।

इन जैसे सोशल प्रदाताओं का उपयोग करके उपयोगकर्ता अनुभव को बेहतर बनाया जा सकता है, क्योंकि इससे साइन-अप और लॉगिन के लिए तेज़ और परिचित तरीके मिलते हैं।

सोशल लॉगिन क्यों उपलब्ध कराएँ?

सोशल लॉगिन आपके उपयोगकर्ताओं के लिए सहज अनुभव प्रदान करते हैं। इनके लाभ इस प्रकार हैं:

सुविधा: उपयोगकर्ता पहले से मौजूद खातों से साइन इन कर सकते हैं।
कम परेशानी: नए उपयोगकर्ता नाम या पासवर्ड बनाने की आवश्यकता नहीं होती।
विश्वास: उपयोगकर्ता अक्सर स्थापित प्लेटफ़ॉर्म का उपयोग करना अधिक सुरक्षित मानते हैं।
तेज़ शुरुआत: आपके ऐप की सुविधाओं तक तुरंत पहुँच मिलती है।

Facebook ऐप सेटअप: डेवलपर कंसोल

Firebase में Facebook लॉगिन सक्षम करने से पहले, आपको Facebook for Developers प्लेटफ़ॉर्म पर एक ऐप बनाना होगा।

developers.facebook.com पर जाएँ और नया ऐप बनाएँ।
सामान्य उपयोगकर्ता प्रमाणीकरण के लिए 'Consumer' प्रकार चुनें।
अपना App ID और App Secret लिखकर रख लें; Firebase के लिए इनकी आवश्यकता होगी।

Facebook लॉगिन उत्पाद कॉन्फ़िगरेशन

Facebook ऐप बनाने के बाद, आपको 'Facebook Login' उत्पाद कॉन्फ़िगर करना होगा:

अपने Facebook App Dashboard में 'Facebook Login' उत्पाद जोड़ें।
Facebook Login की 'Settings' के अंतर्गत सुनिश्चित करें कि 'Web OAuth Login' सक्षम है।
अपना Firebase OAuth रीडायरेक्ट URI (Firebase Auth सेटिंग में मिलेगा) 'Valid OAuth Redirect URIs' में जोड़ें। यह सुरक्षा के लिए बहुत महत्वपूर्ण है।

Firebase Console: Facebook सक्षम करें

अब Firebase में Facebook को प्रमाणीकरण प्रदाता के रूप में सक्षम करते हैं:

अपने Firebase प्रोजेक्ट कंसोल में Authentication अनुभाग पर जाएँ।
'Sign-in method' टैब पर जाएँ।
'Add new provider' पर क्लिक करें और Facebook चुनें।
दिए गए फ़ील्ड में अपना Facebook App ID और App Secret चिपकाएँ।
प्रदाता को enable करना और अपने बदलाव सहेजना सुनिश्चित करें!

कोड: Facebook Sign-In

कॉन्फ़िगरेशन पूरा होने के बाद, आप Firebase SDK का उपयोग करके उपयोगकर्ताओं को Facebook से साइन इन करा सकते हैं। यह JavaScript उदाहरण मुख्य तर्क दिखाता है, जिसे आमतौर पर किसी बटन से शुरू किया जाता है।

/* This is a conceptual example for web/JS.
   Firebase SDK must be initialized before use. */

// 1. Get Auth instance & Facebook provider
const auth = firebase.auth();
const provider = new firebase.auth.FacebookAuthProvider();

// 2. Define the sign-in function
function signInWithFacebook() {
  console.log("Attempting Facebook sign-in...");
  auth.signInWithPopup(provider)
    .then((result) => {
      // User successfully signed in
      const user = result.user;
      console.log("Logged in as:", user.displayName);
    })
    .catch((error) => {
      // Handle errors (e.g., user cancelled, network error)
      console.error("Facebook login failed:", error.message);
    });
}

// Call the function (in a real app, this is a button click)
signInWithFacebook();

GitHub ऐप सेटअप: डेवलपर कंसोल

GitHub को एकीकृत करना फ़ेसबुक के समान है। सबसे पहले, आपको GitHub पर एक OAuth ऐप बनाना होगा:

github.com/settings/developers पर जाएँ।
'नया OAuth ऐप' पर क्लिक करें।
'ऐप्लिकेशन का नाम', 'होमपेज URL' भरें।
'प्राधिकरण कॉलबैक URL' के लिए अपने Firebase OAuth रीडायरेक्ट URI का उपयोग करें।
'ऐप्लिकेशन पंजीकृत करें' पर क्लिक करें और अपना क्लाइंट ID तथा क्लाइंट सीक्रेट नोट कर लें।

Firebase कंसोल: GitHub सक्षम करें

अब अपने Firebase प्रोजेक्ट में GitHub को प्रमाणीकरण प्रदाता के रूप में सक्षम करें:

Firebase कंसोल में Authentication > Sign-in method पर जाएँ।
'नया प्रदाता जोड़ें' पर क्लिक करें और GitHub चुनें।
अपने GitHub के क्लाइंट ID और क्लाइंट सीक्रेट को संबंधित फ़ील्ड में चिपकाएँ।
प्रदाता को सक्षम करें और अपने बदलाव सहेजें।

GitHub के लिए Firebase OAuth रीडायरेक्ट URI यहाँ दिखाई देगा। सुनिश्चित करें कि यह GitHub पर दर्ज किए गए URI से मेल खाता हो।

कोड: GitHub साइन-इन

फ़ेसबुक की तरह, GitHub को कॉन्फ़िगर करने के बाद आप उपयोगकर्ताओं का साइन-इन कराने के लिए Firebase SDK का उपयोग कर सकते हैं। यह JavaScript अंश इस प्रक्रिया को दर्शाता है।

/* This is a conceptual example for web/JS.
   Firebase SDK must be initialized before use. */

// 1. Get Auth instance & GitHub provider
const auth = firebase.auth();
const provider = new firebase.auth.GithubAuthProvider();

// 2. Define the sign-in function
function signInWithGitHub() {
  console.log("Attempting GitHub sign-in...");
  auth.signInWithPopup(provider)
    .then((result) => {
      // User successfully signed in
      const user = result.user;
      console.log("Logged in as:", user.displayName);
    })
    .catch((error) => {
      // Handle errors (e.g., user cancelled, network error)
      console.error("GitHub login failed:", error.message);
    });
}

// Call the function (in a real app, this is a button click)
signInWithGitHub();

त्वरित जाँच: सोशल लॉगिन सेटअप

आपने सोशल लॉगिन को एकीकृत करने के चरण सीख लिए हैं। Firebase के साथ कोई नया सोशल प्रमाणीकरण प्रदाता, जैसे फ़ेसबुक या GitHub, सेट अप करने के लिए इनमें से कौन-से चरण आवश्यक हैं?

इंटरैक्टिव पाठ में इसका उत्तर दें

पुनरावलोकन: फ़ेसबुक और GitHub प्रमाणीकरण

बहुत अच्छा! इस पाठ में आपने अपने Firebase प्रोजेक्ट में फ़ेसबुक और GitHub प्रमाणीकरण जोड़ना सीखा।

हमने प्रत्येक प्लेटफ़ॉर्म पर डेवलपर ऐप बनाने की प्रक्रिया देखी।
आपने आवश्यक सेटिंग कॉन्फ़िगर करना सीखा, जिनमें OAuth रीडायरेक्ट URI भी शामिल हैं।
अंत में, हमने Firebase कंसोल में इन प्रदाताओं को सक्षम किया और उपयोगकर्ताओं का साइन-इन कराने के लिए वैचारिक कोड देखा।

सोशल लॉगिन उपयोगकर्ता का प्रारंभिक सेटअप आसान बनाते हैं और आपके ऐप की पहुँच बढ़ाते हैं!

शुरुआत निःशुल्क

एआई शिक्षक के साथ Firebase Auth और रीयल-टाइम database applications सीखें — निःशुल्क

अपने ब्राउज़र में वास्तविक कोड लिखें और चलाएँ, चौबीसों घंटे एआई शिक्षक से तुरंत सहायता पाएँ, और वेब या ऐप पर वहीं से शुरू करें जहाँ आपने छोड़ा था।

पाठ्यक्रम: 11
पाठ: 44

निःशुल्क सीखना शुरू करें पूरा पाठ्यक्रम देखें

अक्सर पूछे जाने वाले प्रश्न

क्या “Facebook और GitHub प्रमाणीकरण” पाठ निःशुल्क है?

हाँ — Firebase Auth और रीयल-टाइम database applications अध्ययन पथ के 3 तक कोई भी पाठ, जिसमें “Facebook और GitHub प्रमाणीकरण” भी शामिल है, यहाँ वेब पर पूरा पढ़ना निःशुल्क है। इसके बाद CoddyKit PRO हर पाठ अनलॉक करता है, साथ ही अंतर्निर्मित कोड संपादक और चौबीसों घंटे एआई शिक्षक के साथ इंटरैक्टिव अभ्यास भी उपलब्ध कराता है। Firebase Auth और रीयल-टाइम database applications पाठ्यक्रम में कुल 4 पाठ शामिल हैं।

“Facebook और GitHub प्रमाणीकरण” में मैं क्या सीखूँगा?

Facebook और GitHub को प्रमाणीकरण प्रदाता के रूप में जोड़ें तथा सामाजिक लॉगिन के लिए अपने ऐप और Firebase को कॉन्फ़िगर करें आप ब्राउज़र में सीधे चलाए जाने वाले व्यावहारिक कोड के साथ Firebase Auth और रीयल-टाइम database applications का अभ्यास करते हैं, और पाठ पूरा करते समय 24/7 एआई ट्यूटर आपके प्रश्नों के उत्तर देता है।

क्या Firebase Auth और रीयल-टाइम database applications शुरू करने के लिए मुझे किसी अनुभव की आवश्यकता है?

पहले के अनुभव की आवश्यकता नहीं है। CoddyKit पर Firebase Auth और रीयल-टाइम database applications शुरुआती से लेकर उन्नत शिक्षार्थियों तक सभी के लिए व्यवस्थित किया गया है, इसलिए आप यहीं से या शुरुआत से सीखना शुरू कर सकते हैं और अपनी गति से आगे बढ़ सकते हैं। यह 4 में से 2वाँ पाठ है।

“Facebook और GitHub प्रमाणीकरण” पाठ पूरा करने में कितना समय लगता है?

CoddyKit का अधिकांश पाठ लगभग 5–10 मिनट में पूरा हो जाता है। हर पाठ छोटा और संवादात्मक है, इसलिए आप लगातार प्रगति करते हैं और वेब या ऐप पर वहीं से सीखना जारी रख सकते हैं जहाँ आपने छोड़ा था।

क्या मैं इस Firebase Auth और रीयल-टाइम database applications पाठ में कोड लिख और चला सकता हूँ?

हाँ। हर Firebase Auth और रीयल-टाइम database applications पाठ में एक अंतर्निर्मित कोड संपादक शामिल है, जिससे आप सीधे अपने ब्राउज़र में वास्तविक कोड लिख और चला सकते हैं और तुरंत एआई प्रतिक्रिया पा सकते हैं—स्थानीय सेटअप की आवश्यकता नहीं है।

इस पाठ्यक्रम के सभी पाठ

← Firebase Auth और रीयल-टाइम database applications पर वापस जाएँ