मैं कोडरवॉल पर एक जैसे "गितब के साथ साइनअप" बटन कैसे बना सकता हूं?

Question

क्या मेरी साइट पर उपयोगकर्ताओं को प्रमाणीकृत करने के लिए जिथब का उपयोग करने के बारे में कोई दस्तावेज है? पसंदीदा में PHP में। http://coderwall.com/

Answer 1

हाँ, यह GitHub एपीआई documentation की OAuth section में दर्ज है:

बटन यहाँ की तरह

।

गीथब के दस्तावेज़ मार्गदर्शिका में an example implementation भी है।

Answer 2

गिथब द्वारा प्रदान किया गया उदाहरण और एड्रियन पेट्रेस्कु द्वारा साझा किया गया यह बहुत अच्छा है और जितना आसान हो उतना आसान है।

हालांकि, मुझे लगता है कि सबसे OAuth उदाहरण 2 बातें याद कर रहे हैं:

1. एक उचित बनाने के लिए कैसे अपने पृष्ठ पर बटन 'के साथ .... लॉगिन'। आसान लगता है लेकिन यदि आप चारों ओर गुजरते हैं, तो आप अधिकतर सीएसएस हैक्स का सामना करेंगे, जो आदर्श नहीं है
2. ओएथ कोड के सभी टुकड़ों के साथ एक सैंडबॉक्स जो पहले से चल रहा है और चल रहा है ताकि आप बेहतर समझ प्राप्त करने के लिए इसके चारों ओर पोक कर सकें। इसके बिना, ओएथ नौसिखिया को शुरू करने से पहले विभिन्न टुकड़ों (ओएथ प्रदाता ऐप, फ्रंट एंड, बैक एंड) सेट करने के लिए घंटों खर्च करना पड़ता है। इससे अधिक संभावना है कि वह टुकड़ों में से एक में गलती नहीं कर सकती है, और इसे डिबग करने में घंटों खर्च कर सकती है।

तो हम coderwall पर यहाँ विस्तृत विवरण के साथ साथ इस jsfiddle (https://jsfiddle.net/dg9h7dse/1/) बनाया,।

मैं इसे यहाँ संक्षेप में प्रस्तुत करेंगे:

1. एक अच्छा सामाजिक बटन बनाने के लिए

   • बूटस्ट्रैप का उपयोग करें (http://getbootstrap.com), फ़ॉन्ट भयानक (https://fontawesome.io), बूटस्ट्रैप-सामाजिक (https://lipis.github.io/bootstrap-social/)
   • इस स्निपेट को जोड़ें:

`` `

<a id="github-button" class="btn btn-block btn-social btn-github"> 
    <i class="fa fa-github"></i> Sign in with GitHub 
</a> 

` ``

1. हमें jsfiddle पर डेमो कोड डालने के लिए के लिए लोगों के साथ चारों ओर खेलने के लिए के लिए, हम एक सामने की जरूरत केवल ओएथ समाधान समाप्त करें, इसलिए हम https://oauth.io का उपयोग करते हैं, जिसमें जावास्क्रिप्ट फ्रंट-एंड केवल लाइब्रेरी (https://github.com/oauth-io/oauth-js) है जो सेवा के साथ काम करती है।

नोट: https://oauth.io एक भुगतान सेवा है, लेकिन आप सैकड़ों के साथ एकीकृत कर सकते हैं बैकएंड कोड लिखने के बिना OAuth प्रदाताओं में से (?)।

हमें बस इतना करना है कि हमारे अच्छे सामाजिक लॉगिन बटन को जावास्क्रिप्ट स्निपेट में बाध्य करना है जो OAuth सेवा प्रदाता को कॉल करता है।

`` `

$('#github-button').on('click', function() { 
    // Initialize with your OAuth.io app public key 
    OAuth.initialize('YOUR OAUTH.IO PUBLIC KEY'); 
    // Use popup to prompt user for their OAuth provider credentials 
    OAuth.popup('github').then(github => { 
     // If login is successful, 
     // retrieve user data from oauth provider 
     console.log(github.me()); 
    }); 
}) 

` ``

आशा इस में मदद करता है और लोगों को समझने के लिए और OAuth का उपयोग आरंभ करें।