Logon through Facebook, Google, Linkedin

A number of web sites allow you to log in through Facebook, Linkedin or Google (& others).

Can someone point me to a reference that shows the technical details of how that is done?

Thanks
Richard KortsAsked:
Who is Participating?
 
Leslie BloomCorporate & Product Marketing ManagerCommented:
This Facebook Developers page should be helpful - https://developers.facebook.com/docs/facebook-login/v2.3

Here's the Google Developers information - https://developers.google.com/+/features/sign-in
0
 
F PCommented:
It's done through using what's known as OAuth.

http://oauth.net/

I recommend having a look here to find out all the things you can do with it,

http://openid.net/
0
 
Richard KortsAuthor Commented:
Perfect.

Thanks
0
Cloud Class® Course: CompTIA Cloud+

The CompTIA Cloud+ Basic training course will teach you about cloud concepts and models, data storage, networking, and network infrastructure.

 
F PCommented:
... Google provides it all in one nice package and also the OAuth basics here as well... https://developers.google.com/identity/
0
 
Richard KortsAuthor Commented:
To all,

Can you refer me to an EXAMPLE of the HTML / Javascript needed to actuall display a login button (Facebook)?

Thanks
0
 
F PCommented:
https://developers.facebook.com/docs/php/FacebookRedirectLoginHelper/4.0.0

I am assuming you mean something like that? I think the login itself is dependent on your designed site for styling in CSS or HTML layout. There's also this:

https://developers.facebook.com/docs/php/FacebookJavaScriptLoginHelper/4.0.0

... for JavaScript.

There's also this next one that will give you a bit of HTML and JavaScript for styling a login with Facebook page:

https://developers.facebook.com/docs/facebook-login/login-flow-for-web/v2.3
0
 
F PCommented:
The last link I posted shows you would just use code similar to this:

<fb:login-button scope="public_profile,email" onlogin="checkLoginState();">
</fb:login-button>
0
 
Richard KortsAuthor Commented:
0
 
F PCommented:
Your problem is that you're not putting your app id in where it says this:

window.fbAsyncInit = function() {
  FB.init({
    appId      : 'xxxxxxxx',
    cookie     : true,  // enable cookies to allow the server to access
                        // the session
    xfbml      : true,  // parse social plugins on this page
    version    : 'v2.2' // use version 2.2
  });
0
 
F PCommented:
Go to settings, then the Advanced tab. At the bottom "Embedded browser OAuth Login" - Please verify it's enabled. If that doesn't work, also put in http://  in front of your domain.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.