I'm not sure that I understand what the error is.

Am I correct to assume that everything works in the backoffice, but something goes wrong while rendering the view/partial in the frontend? If that is the case, do you see a YSOD (yellow error page)? This will most likely contain information about the error, so if you can post a screenshot of that, I'll have a look at it ;)

1st of all... Thanks for quick response and sorry because I was not concrete enough.

Here is the screenshoot of YSOD.

The thing is... I simply can not declare "FacebookOauthData" variable and initiate it from "Model.GetPropertyValue("facebook")"...

I was also waching on umbraco temporary files which is presenting Model classes, but didn't figured out anything...

To solve your doubts: Yes, indeed, it works in backoffice with my fb credentials perfect which is not the case with my code in partial view from your facebook example from documentation.

It would be much easier for me if you can explain us where are you storing fb App data which we needed to put in umbraco Skybrud.Social.Facebook datatype?

For the end... I don't know if it could be important information for you, but... I'm not using Visual Studio Development Server, also not using IIS expres, I installed local version of IIS on my WIN 7 (32 bit)...

If you'll need more info just let me know, and thank you in advance.

In your content type, what is the name/alias of the Facebook property? The property alias specified in the frontend should be the one specified on your content type. From what I can tell, you're doing everything else correctly, so My guess is that the aliases doesn't match.

FacebookOAuthData facebook = Model.GetPropertyValue("yourPropertyAlias") as FacebookOAuthData;

Hei, I checked it even before you mentioned, everything is OK with alias, but Model still can not find that property.

To make things easier for you I'm going to describe you my site structure:

1. There is one master page with header and footer

2. There is also Login page for "basic-custom" (our own) login functionalities

3. There is one more "LoginFacebook" subpage which is nested by Login page

4. In "LoginFacebook" page I added facebook property with the "facebook" alias. So, it is not mistake as I see...

If I can explain something more just let me know.

Dear Anders, it's again me... I finally fixed the error.

The thing is... I observed whole properties from my site with "Model.Properties" and noticed that umbraco didn't genereate property from "FacebookLoginPage".

After that, I tried to put facebook property on the top of my site (on Home Page) and it works now...

Want to tell sorry you for westing your time, but in the same time, you helped me a lot.

As I fixed first issue, I'm going back to work where I hope that I'll need again help. :)

Good luck with developing your plugin ;)

On the end of working day I realised that I make all functionalities with integrating facebook user data and my system but I figured out that I used Authorisation button from backoffice during whole testing time for my app.

Maybe this looks like stupid question, but still... How you "call" facebook Login button?

I mean... Is there some methods in framework to make it custom through c# code or to use fb SDK?

If I missed something, sorry me again. :)

I'm not sure I understand your question.

Are you trying to implement your own login in the frontend? Then this little gist might help you out ;)

https://gist.github.com/abjerner/70c1b2af2b3ea480e353

Hi Anders.

Indeed, you helped me a lot, but I still didn't get facebook login page.

So, here is my logic...

1. I'm working website using MVC render control

In Model, I've creted this Model-View class:

    public class LoginViewFacebookModel
    {
        [DisplayName("Email")]
        public string Email { get; set; }
    }

Next, I created RenderController which is checking is user logged in. The logic with RenderController is very simple:

If user is successefully logged in, I'm getting Email from it's and checking if email address is currently saved in database.

Depence of is Email storred in db or not I'm adding it or updating it in db.

So, that is all OK for me, and thanks are going to you because of help. ;)

Currently, I just made HandleController action in Controllers and that is my problem:

I'm getting an error from facebook with this obvious message: "The redirect_uri URL must be absolute", the fb URL is: "https://www.facebook.com/dialog/oauth?client_id=274283822773136&redirect_uri=/&state=5a5714fd-6d87-47fb-88db-59dcca994f1f&scope=read_stream,publish_stream"

To explain it more clear, I'm going to copy you my HandleController code:

[HttpPost]
        [ValidateAntiForgeryToken]
        public ActionResult HandleLoginFacebook(LoginViewFacebookModel model)
        {
            // Get the redirect URI (if present)
            string redirect = (Request.QueryString["redirect"] ?? "/");
            /*If user is not logged in => return facebook login button
             * 1st: Get the FacebookOauthClient how we could access to appId, appSecret, and returnUrl*/
            FacebookOAuthClient oauth = new FacebookOAuthClient
            {
                AppId = "274283822773136",
                AppSecret = "a6e88675f06430d380e126418d4e11f9",
                ReturnUri = redirect
            };

            // Set the state
            string state = Guid.NewGuid().ToString();
            // Construct the authorization URL
            string authorizatioUrl = oauth.GetAuthorizationUrl(
            state,
            FacebookScope.ReadStream + FacebookScope.PublishStream
            );
            // Redirect the user to the OAuth dialog
            return Redirect(authorizatioUrl);
        }

Also, there is pretty basic .cshtml partialview with this code:

@model LoginViewFacebookModel

@if (!Model.Email.IsNullOrWhiteSpace())
{
    <p>USER JE LOGIRAN!</p>
    <div class="form-horizontal">
        <div class="row view">
            <div class="form-group">
                @Html.LabelFor(model => model.Email, "E-mail adresa", new { @class = "col-md-3 control-label" })
                <div class="col-md-9">
                    @Html.TextBoxFor(model => model.Email, new { @class = "form-control", placeholder = DictionaryHelper.GetDictItem("PlaceHolderFacebookEmail", "Email adresa") })
                </div>
                @Html.ValidationMessageFor(model => model.Email, string.Empty, new { @class = "help-block" })
            </div>
        </div>
    </div>
}
else
{
    using (Html.BeginUmbracoForm<AuthSurfaceController>("HandleLoginFacebook"))
    {
    @Html.AntiForgeryToken()
       
    <p>USER NIJE LOGIRAN!</p>
    <button type="submit" class="col-md-12 button">Login</button>
    }
}

If you'll need more info, just let me know.

It's again me. :) I fixed problem with the sending absolutePath. The thing is. I didn't know that, maybe it could be useful for somebody. When your activity from controller posting something to get past you should use "Request.UrlReferrer.AbsoluteUri", but when you are Getting something than use: "Request.Url.AbsoluteUri". That spent me a lot of time.

OK, currently I have "some kind" of login, but that is still not what I wanted.

So, I have few questions for you for which I think that you will not need that much time:

1. I want to get from Skybrud.Social.Facebook datatype prevalues which we putted in backoffice no metter if I'm logged in or not. The thing is... I need FacebookOauthData variable even if there is no logged user. I saw it is in "cmsdatatypeprevalues" table in umbraco database. How to get it?
2. How to create scope of permissions through c# code when you are creating Login button? I want to have permissions for email, about_me, etc... In general, is it possible to manipulate with it's permissions and how?
3. Once when I got access to information "about_me" from facebook, how to get access it? I'm curious about c# code?

Thank you in advance.

Hi again,

I don't have that much experience with MVC controllers, so I don't think I will be able to help you much there.

Regarding the questions in your last post:

1. The prevalues are not intented for use in the frontend. If you need the app id and app secret in the frontend, the best solution would probably be to hardcode them in your app settings, and then grab them from there.

2. I'm not sure how your code looks, but have a look at this line. This is the code used for the authentication done in the backend. I don't have a complete list of available scopes, but you should be able to find more information about this in the Facebook developer documentation. You can also read more about obtaining a user access token in the Skybrud.Social documentation.

3. Again I'm sure what you mean here? Do you want to get information about the authenticated user? This can be done calling the service.Methods.Me() method. You can see more about this here.

First of all thank you for provided examples. Now I figured out that I have the another one issue which could be even bigger than previous question of permissions.

The thing is... When I'm logged into backoffice everything is working fine, but in case when I'm not logged in backoffice plugin is not recognize me as a logged user (I can not declare FacebookOauthData variable) even if I made logging proccess in facebook login page and finished sucessfully logging process and fb returned the data.

In one word: Plugin is always using my backoffice logged user, how to force it to use our custom one?

Can you please provide some example(s) where you are checking if user is logged in(...) through C# code?

I hope I was clear enough, but if not, just let me know.

And of course, thank you once again for answering all my questions. Thank you for understanding.

Please notice the different between Skybrud.Social for Umbraco and Skybrud.Social.

Skybrud.Social for Umbraco is package, and the purpose is to let admins/editors log in with their Facebook account via the backoffice. This package isn't targeted your visitors, but handles the backoffice integration between Skybrud.Social and Umbraco.

Skybrud.Social on the other hand is the underlying framework used by the package.

If you're using Skybrud.Social for Umbraco, you can make calls to the Facebook API based on the information entered in the backoffice. Also notice that the class FacebookOAuthData is part of this package, not the underlying framework.

But if I understand your correctly, you're making some sort of login in the frontend for your visitors? In that case, you will probably only need Skybrud.Social, but not Skybrud.Social for Umbraco.

If you already have made the steps for authentication and obtaining an access token, you should be able to do something like this:

// Initialize a new instance of the FacebookService class
FacebookService service = FacebookService.CreateFromAccessToken("theAccessTokenOfTheUser");

// Get information about the authenticated user
FacebookMeResponse me = service.Methods.Me();

The value of me could be stored in the session of the user, and if present, it can be assumed that the user is logged in.

Very simple question: From which variable I can get userAccessToken?

That really depends on your current code. You can see this example for earlier:

https://gist.github.com/abjerner/70c1b2af2b3ea480e353#file-oauth-aspx-cs-L64

Line 64 shows you how to obtain the access token during the login with Facebook. The access token could also be saved to the user session if you need it later during that session.

Hi again... Believe or not, it's me... :)

OK... This is what I have done until now:

1. I've created facebook Button with authorization url which is working OK. I also set permissions (facebook scope) "email" but I didn't saw any changes on login except that email is in url... Whatever, here is the code of that part: /* 1st: Get the FacebookOauthClient how we could access to appId, appSecret, and returnUrl*/ FacebookOAuthClient oauth = GetFacebookDefaultCredentials();

           // Set the state
           string state = Guid.NewGuid().ToString();
           // Construct the authorization URL
           string authorizatioUrl = oauth.GetAuthorizationUrl(
           state, "read_stream", "email", "user_status", "user_about_me", "user_photos"
           );
           return authorizatioUrl;
   

2. I successfully checking if user is logged in or not and on this place I need it's facebook email address. I was hoping that I could find Email address on FacebookResponse variable, but it is simply not there. So, here is the rest of the code: /Creating facebook client just to get facebook Application credentials (AppId, AppSecret)/ FacebookOAuthClient facebookClient = FacebookHelper.GetFacebookDefaultCredentials();

           /*Creating and initialize Facebook Service*/
           string code = Request.QueryString["code"];
   
   
       // Exchange the auth code for an access token
       string accessToken = facebookClient.GetAccessTokenFromAuthCode(code);
   
   
       /*In case that user is not logged in we will set these properties: IsLogged, AuthorizationUrl*/
       if (accessToken == null)
       {
           /*As user is not logged in we will set property on false*/
           loggedFacebookUser.IsUserLogged = false;
   
   
           string redirect = (Request.QueryString["redirect"] ?? Request.Url.AbsoluteUri);
           /*FB login authorization URL initialize*/
           loggedFacebookUser.AuthorizationUrl = FacebookHelper.GetFacebookLoginPageUrl(redirect);
       }
       else
       {
           //Getting the FacebookService
           FacebookService facebookService = FacebookService.CreateFromAccessToken(accessToken);
   
   
           /*Gets the information about the authenticated user*/
           FacebookMeResponse facebookMe = facebookService.Methods.Me();
   
   
       }
   
   
   

   So, as you can see, I'm almost done, but as you know how it is... Without Email address I simply don't have anything.

3. Beside of email address I need "About me" information from Logged user facebook profile. Indeed, I was seeking on facebook documentation, and I figured out that I should use "about_me" scope permision to get this info, but I don't know where to find it through c# code.

At the end... I hope you will not give up from "my project" because I'm aware how much this can be frustrating, but on the other hand, still hope that you understand this kind of "beginners bug". Thank you in advance.

Hi there, after 2 hour of trying different combination, I found solution for an email property.

The thing is, Email property is not existing in the FacebookMeResponse, but it exist in FacebookUser class and works perfect.

This is the piece of code: //Getting the FacebookService FacebookService facebookService = FacebookService.CreateFromAccessToken(accessToken);

                /*Gets the information about the authenticated user*/
                FacebookMeResponse facebookMe = facebookService.Methods.Me();

                FacebookUser fbUser = facebookService.Methods.GetUser(facebookMe.Id);

So, now... I have just one more doubt, how to access to "User's about info", which represent short user Biography on facebook?

After one more day, solution became to me just like that... :) I figured out whole procedure which was so frustrating for me. When I'll polish all details I'll share my MVC code and whole idea about MVC implementation, hope it could be useful for somebody.

After we finish this scrum sprint in our company, I'll try to implement also twitter and if it shows as good practice share MVC code to community.

For the end... Dear Anders, I wish I could give you hundreds of "High Five!". This framework is really so powerful, and it will be pity if you'll not continue with developing it. I hope for your good, that it could became even commercial thing one day.

So, for now... I'm out of this topic, but will be back so soon.

Thanks once again. ;)

Hi again and thanks for the feedback

I'm sorry that the documentation doesn't make this clear, but the FacebookMeResponse class doesn't expose the email address in a property like it should do (which currently doesn't have a release date). I have added the property in the code on GitHub, and it will be part of the next release of Skybrud.Social. Meanwhile this little hack/snippet might help you to obtain the email address: https://gist.github.com/abjerner/c2fe4ef2bea5afa025ea

I'm not sure what you mean about the commercial thing? It is kind if you think people ought to pay a little for the package, but one of the purposes of Skybrud.Social is to give something back, since there are a lot of free packages that I use myself, so it will remain this way in the future as well ;)

Hi there. 

Can someone explain me how to get:

string code = Request.QueryString["code"];

string action = Request.QueryString["do"];

I'm running a umbraco project trying to use facebook api, but I have no idea where to get those parameters. My facebook app has the url: http://localhost/

Hi ruihorta,

Can you elaborate a bit on what you're trying to do?

If you're trying to implement your own login using Facebook, this is out of the scope of this package, but have a look at this gist: https://gist.github.com/abjerner/70c1b2af2b3ea480e353

Ty for the quick answer. I'm trying to implement facebook login in the frontend to use their API.

I'm a little confused with the facebook login. I don't know how to correctly redirect to use these querystrings:

Where do I place the redirects? The user is already logged in.

In my example, when the user first visits the login page, he will be presented with a login button:

https://gist.github.com/abjerner/70c1b2af2b3ea480e353#file-oauth-aspx-cs-L40

If your login page has the URL /login, clicking the login button will send the user to /login?do=login, which again will redirect the user to the Facebook login page.

If the user completes the login at Facebook.com, he will be redirected back to /login?code={authorization code provided by Facebook}. The example code will then exchange the authorization code with an access token. The access token can then be used to make calls to the Facebook API.

Hmm. Is this code compatible with MVC? 
I'm working with umbraco v7. I'm new to this stuff.

This example is a class that is called in every page? Where do I put this class?

Ty for your help. 

Another thing. This "Content", what is the namespace that I should use?

Content.Text += "Login with Facebook";

 And this method:

protectedvoidPage_Load(objectsender,EventArgse)

How is this supposed to be called? It's protected. And the arguments? What are they?

The example Gist is written in Web Forms, but it is roughly the same for MVC. The example is a login page, so you don't have to call it on every page.

You can have a look at the Dialogue package which has implemented Facebook login using Skybrud.Social with MVC: https://github.com/leen3o/Dialogue/blob/a4a4a6ce03108455b7fb6909434dad785c03a8bb/Src/Dialogue.Logic/Controllers/OAuthControllers/FacebookOAuthSurfaceController.cs

It is not something I have written, but it might help you out ;)

Hi Anders Bjerner,

I'm using Umbraco 7.4, and I've installed this plugin but after authorization I got this error.

Does this plugin supports Umbraco 7.4 version ?

is working on a reply...