Hi Paul... Here is mine:

First, you will need this link:

<script async defer src="https://connect.facebook.net/en_US/sdk.js"></script>

Code

function FacebookSignIn() {

FB.init({
    appId: "[/FaceBookAppId]",  // App ID
    status: true,           // check login status
    cookie: true,           // enable cookies to allow the server to access the session
    xfbml: true,            // parse page for xfbml or html5 social plugins like login button below
    version: 'v3.3'
});

FB.login(function (response) {
    if (response.authResponse) {
        FB.api('/me', function (userInfo) {
            FB.api(
                "/" + userInfo.id,
                'get',
                {
                    access_token: response.authResponse.accessToken,
                    fields: 'id, first_name, last_name,  email, picture'
                },
                function (loginResponse) {
                    try {
                        var data = SerializeData("#LoginForm");
                        data.FirstName = GetSafeString(loginResponse.first_name);
                        data.LastName = GetSafeString(loginResponse.last_name);
                        data.Email = GetSafeString(loginResponse.email);
                        data.Password = GetSafeString(loginResponse.id);
                        data.ImageURL = GetSafeString(loginResponse.picture.data.url);
                        SingleSignIn(data);
                    } catch (e) {
                        // alert(e);
                    }
                }
            );
        });
    }
});

}

Thanks Graham Is it that simple then?

Yes. It's pretty simple once you find the right documentation. Just make sure you have an https cert on your site, and then create your app and get your ID at https://developers.facebook.com/

I am using it here: http://zbestpartners.com

Hi Graham.

I guess you would have to run FB.init() and FacebookSignIn() on every single page request?

Do you know any way to use it with document protection?

I couldn’t get it to work by just adding the script to my master view. I guess I need more details on how to get it to work.

Have you created your app at facebook and have they "approved" it.

you may also have to modify function (loginResponse)….

I am capturing the data they return and storing it to a database.

you can change it to this to see if you are getting any data back:

function (loginResponse) {
                try {
                    alert(loginResponse.first_name);
                } catch (e) {
                     alert(e);
                }....

If you are not getting back data, check your app settings at facebook.

I am also assuming there aren't any difference between the US and UK.

Hi Paul!

Just following up. Were you able to get it to work the way you needed?

Graham

Hi Graham

Thank you so much for your effort to help me.

I wasn't able to get it working with what you gave me, but I was able to get it working by using the firebase auth with facebook libraries.

I might blog about it one day, but I'm just glad I got it to work.

Cheers

Paul

Hey Paul,

Glad you got it working. Wondering if there may be difference between the US and UK.

Be sure to "tag me" if you are attending the Umbraco Festival in Chicago this April.

Graham

is working on a reply...