ASP.Net MVC5 and facebook login issue

i read a article which showed few steps we need to perform to get appid and src from fb and i got also appid and src which i put like

public void ConfigureAuth(IAppBuilder app) 
{ ....              
app.UseFacebookAuthentication(                
appId: "xxxxxxxxxxx",                
appSecret: "xxxxxxxx"); 
} 

when i go to login page there i found a button called facebook and i click there which redirect to me to facebook with a error.

my facebook redirected url looked like https://www.facebook.com/dialog/oauth?response_type=code&client_id=3333333333333&redirect_uri=http%3A%2F%2Flocalhost%3A53540%2Fsignin-facebook&scope=&state=H2lomfBAWcy4c6Lq3kO0qAs6GGaddFhEnaDEhvGzoq4DSOi8HU2xQy9ONj9XDvpZFk-LNSqsn6oDgG-6uDIfeZYmLuApvluxnDmhze1_9r1YbgCC02bFhj9xc6wuHGPPlckbu1tfTQuBYvgA1Tf7kgqujoAUc7OKQLDoWZ6Akg3ZDhXSaGCxi6tMgh4EnDRlf9Qcb3Y1FvEmps4J7ELiSu8pCevfURuUarzg5kdfY6A

and the error message show on facebook page look like....screen shot attached

see the error message and as if error trying to say we need to sign in to facebook in advance before clicking on facebook button on my site.

in this case my site url should have https instead of http?

please tell me what i mistake for which i am getting this error.

also another question is how redirect url is generated by asp.net mvc because the same url i did not find in whole project code?

thanks