मेरी वेबसाइट पर Google, Facebook, याहू आदि से सामाजिक लॉगिन सेवाओं को कैसे जोड़ें?

Question

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

कृपया जवाब निम्नलिखित प्रश्न:

1. कैसे क्या मैं मुफ्त जैसी विभिन्न सेवाओं को जोड़ सकता हूं? (कृपया ध्यान दें कि मैं जेन्रेन जैसी किसी भी सशुल्क सेवा का उपयोग नहीं करना चाहता हूं और
2. मैं उपयोगकर्ता के उपयोगकर्ता (जैसे ईमेल, फोन नंबर) की उपयोगकर्ता जानकारी कैसे संग्रहीत कर सकता हूं जो मेरे डेटाबेस में खातों में संग्रहीत हैं?
3. कृपया उपयोग किए जा सकने वाले किसी भी लिंक/पुस्तकालय प्रदान करें।

मैं आपको प्रदान की जा सकने वाली किसी भी अन्य जानकारी की सराहना करता हूं।

धन्यवाद!

Answer 1

आप संबंधित सेवाओं (Google, फेसबुक, ट्विटर) के एपीआई का उपयोग करेंगे या यदि आप इसे भी जोड़ने की योजना बना रहे हैं तो ओपनआईडी हो सकता है। कुछ लिंक:

http://code.google.com/apis/accounts/docs/OpenID.html

https://developers.facebook.com/docs/authentication/

http://dev.twitter.com/pages/auth

http://openid.net/add-openid/

इसके अलावा एक नज़र here ले। एसओ पर पहले से मौजूद कई समान प्रश्न हैं, दाईं ओर संबंधित प्रश्नों की जांच करें।

Answer 2

के लिए

गूगल

घालमेल Google साइन-इन के लिए अपने वेब एप्लिकेशन

Create a Google Developers Console project and client ID.

लोड में गूगल प्लेटफार्म लाइब्रेरी

आप अपने वेब पृष्ठों है कि एकीकृत पर गूगल प्लेटफार्म लाइब्रेरी को शामिल करना चाहिए Google साइन-इन

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

को अपने ऐप्लिकेशन के ग्राहक आईडी

निर्दिष्ट ग्राहक आईडी आप गूगल प्रवेश करना-client_id मेटा तत्व के साथ Google डेवलपर कंसोल में अपने अनुप्रयोग के लिए बनाई गई निर्दिष्ट करें।

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

ध्यान दें: आपके विधि gapi.auth2.init() की client_id पैरामीटर के साथ अपना एप्लिकेशन की ग्राहक आईडी निर्दिष्ट कर सकते हैं।

एक गूगल जोड़े प्रवेश बटन

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

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

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

अन्य जानकारी। here