हम वेब के लिए Google साइन-इन JavaScript प्लैटफ़ॉर्म लाइब्रेरी बंद कर रहे हैं. लाइब्रेरी को 31 मार्च, 2023 को बंद करने के बाद, इसे डाउनलोड नहीं किया जा सकेगा. इसके बजाय, वेब के लिए नई Google पहचान सेवाओं का इस्तेमाल करें.
डिफ़ॉल्ट रूप से, बनाए गए नए क्लाइंट आईडी को अब पुरानी प्लैटफ़ॉर्म लाइब्रेरी का इस्तेमाल करने से रोक दिया गया है. मौजूदा क्लाइंट आईडी पर इसका कोई असर नहीं पड़ेगा. Google क्लाइंट लाइब्रेरी का इस्तेमाल चालू करने के लिए, 29 जुलाई, 2022 से पहले बनाए गए नए क्लाइंट आईडी, `प्लग इन_नाम` सेट कर सकते हैं.

Google साइन-इन को अपने वेब ऐप में एकीकृत करना

Google साइन-इन OAuth 2.0 प्रवाह और टोकन जीवनचक्र का प्रबंधन करता है, जिससे Google API के साथ आपका एकीकरण आसान हो जाता है। उपयोगकर्ता के पास हमेशा किसी भी समय किसी एप्लिकेशन तक पहुंच को रद्द करने का विकल्प होता है।

यह दस्तावेज़ बताता है कि एक बुनियादी Google साइन-इन एकीकरण कैसे पूरा किया जाए।

प्राधिकरण क्रेडेंशियल बनाएं

Google API तक पहुंचने के लिए OAuth 2.0 का उपयोग करने वाले किसी भी एप्लिकेशन के पास प्राधिकरण क्रेडेंशियल होना चाहिए जो Google के OAuth 2.0 सर्वर पर एप्लिकेशन की पहचान करता हो। निम्नलिखित चरण बताते हैं कि अपने प्रोजेक्ट के लिए क्रेडेंशियल कैसे बनाएं। तब आपके एप्लिकेशन उन API तक पहुंचने के लिए क्रेडेंशियल्स का उपयोग कर सकते हैं जिन्हें आपने उस प्रोजेक्ट के लिए सक्षम किया है।

  1. Go to the Credentials page.
  2. क्रेडेंशियल बनाएं > OAuth क्लाइंट आईडी पर क्लिक करें.
  3. वेब एप्लिकेशन एप्लिकेशन प्रकार का चयन करें।
  4. अपने OAuth 2.0 क्लाइंट को नाम दें और बनाएं पर क्लिक करें

कॉन्फ़िगरेशन पूर्ण होने के बाद, बनाई गई क्लाइंट आईडी पर ध्यान दें। अगले चरणों को पूरा करने के लिए आपको क्लाइंट आईडी की आवश्यकता होगी। (एक क्लाइंट सीक्रेट भी बनाया जाता है, लेकिन आपको इसकी आवश्यकता केवल सर्वर-साइड ऑपरेशंस के लिए होती है।)

Google प्लेटफ़ॉर्म लाइब्रेरी लोड करें

आपको अपने वेब पेजों पर Google प्लेटफ़ॉर्म लाइब्रेरी को शामिल करना होगा जो Google साइन-इन को एकीकृत करता है।

<script src="https://apis.google.com/js/platform.js" async defer></script>

अपने ऐप की क्लाइंट आईडी निर्दिष्ट करें

google-signin-client_id मेटा तत्व के साथ Google Developers Console में अपने ऐप के लिए आपके द्वारा बनाई गई क्लाइंट आईडी निर्दिष्ट करें।

<meta name="google-signin-client_id" content="YOUR_CLIENT_ID.apps.googleusercontent.com">

Google साइन-इन बटन जोड़ें

अपनी साइट पर Google साइन-इन बटन जोड़ने का सबसे आसान तरीका स्वचालित रूप से रेंडर किए गए साइन-इन बटन का उपयोग करना है। कोड की केवल कुछ पंक्तियों के साथ, आप एक बटन जोड़ सकते हैं जो उपयोगकर्ता की साइन-इन स्थिति और आपके द्वारा अनुरोधित दायरे के लिए उपयुक्त टेक्स्ट, लोगो और रंग रखने के लिए स्वचालित रूप से स्वयं को कॉन्फ़िगर करता है।

डिफ़ॉल्ट सेटिंग्स का उपयोग करने वाला Google साइन-इन बटन बनाने के लिए, अपने साइन-इन पृष्ठ पर g-signin2 वर्ग के साथ एक div तत्व जोड़ें:

<div class="g-signin2" data-onsuccess="onSignIn"></div>

प्रोफ़ाइल जानकारी प्राप्त करें

डिफ़ॉल्ट स्कोप का उपयोग करके Google के साथ किसी उपयोगकर्ता में साइन इन करने के बाद, आप उपयोगकर्ता की Google आईडी, नाम, प्रोफ़ाइल URL और ईमेल पते तक पहुंच सकते हैं।

उपयोगकर्ता के लिए प्रोफ़ाइल जानकारी पुनर्प्राप्त करने के लिए, getBasicProfile() विधि का उपयोग करें।

function onSignIn(googleUser) {
  var profile = googleUser.getBasicProfile();
  console.log('ID: ' + profile.getId()); // Do not send to your backend! Use an ID token instead.
  console.log('Name: ' + profile.getName());
  console.log('Image URL: ' + profile.getImageUrl());
  console.log('Email: ' + profile.getEmail()); // This is null if the 'email' scope is not present.
}

एक उपयोगकर्ता साइन आउट करें

आप अपनी साइट पर साइन-आउट बटन या लिंक जोड़कर उपयोगकर्ताओं को Google से साइन आउट किए बिना अपने ऐप से साइन आउट करने में सक्षम कर सकते हैं। साइन-आउट लिंक बनाने के लिए, लिंक के onclick ईवेंट में GoogleAuth.signOut() पद्धति को कॉल करने वाला फ़ंक्शन संलग्न करें।

<a href="#" onclick="signOut();">Sign out</a>
<script>
  function signOut() {
    var auth2 = gapi.auth2.getAuthInstance();
    auth2.signOut().then(function () {
      console.log('User signed out.');
    });
  }
</script>