Facebook Login Autorefreshes and loses token

[matt-goldman]

Description

When using Facebook login, the window that opens sends the message back to the Facebook login component. Using a very quickly captured screenshot I can confirm that this contains the 'status' variable (showing true) and the access token. However, this page (Facebook login component) then immediately refreshes, resulting in the token being lost and the line const result = JSON.parse(message.data); results in an undefined error.

Expected Behavior

The page should not refresh, the message should be parsed and the token sent to the facebookLogin function in the user service.

Current Behavior

Page refreshes and token is lost.

Steps to Reproduce

1.Build project as per tutorial

2. Verify code against Github repository
3. Run backend and client
4. Click Facebook Login on home screen, then the Login with Facebook button
5. Login to Facebook (if not already)

[matt-goldman]

Basically turned out to be a typo in my code. Apologies for the unnecessary issue. Weirdly what compounded it for me was that I couldn't hit the breakpoint in my external auth controller (I would have expected the issue in question to result in a bad model state) but instead its as if the controller never got reached.

[matt-goldman]

Sorry spoke to soon. The problem seems to be with this line:

var appAccessTokenResponse = await Client.GetStringAsync($"https://graph.facebook.com/oauth/access_token?client_id={_fbAuthSettings.AppId}&client_secret={_fbAuthSettings.AppSecret}&grant_type=client_credentials");

I've done some testing to ensure the url is getting translated correctly (which it is), but sending a get request to this url results in a 500 internal server error back from Facebook:

{
    "error": {
        "message": "An unknown error has occurred.",
        "type": "OAuthException",
        "code": 1,
        "fbtrace_id": "xxxx"
    }
}