Vinícius Mussak

E aí galera! Tudo certo?

Vou falar um pouco sobre ASP .NET 5, mais especificamente sobre autenticação com serviços externos, no post vou mostrar um exemplo de autenticação usando o facebook, mas também podemos conectar com contas Microsoft, Google, Twitter, dentre outras; usando uma abordagem semelhante, tudo isso graças ao OAuth 2.0

Então pra começar, vou criar uma aplicação do tipo “ASP .NET Web Application” com o template “Web Site”, nem mexi na autenticação, desse jeito ele já gera um projeto com Identity bonitão, veja:

E logo após:

Com o projeto criado, agora temos que fazer a aplicação no facebook, é só entrar no link https://developers.facebook.com/apps; se você ainda não estiver cadastrado como um desenvolvedor, é só clicar em “Register as a Developer” que fica tudo certo. Agora é só criar um novo app, como na imagem:

Depois de clicar no botão, aparecerá a seguinte modal, onde é só clicar em “advanced setup”.

Logo após, basta preencher um formulário sobre o aplicativo e clicar em “Create App ID”.

Depois do aplicativo criado, vamos na aba “Settings” para adicionar uma plataforma para o aplicativo, como mosta a imagem:

Beleza, depois de clicar em “Add Platform”, vai aparecer uma outra telinha pra escolher o tipo de plataforma, veja:

No nosso caso, vamos escolher “Website”. Depois disso precisamos informar a URL do site, como estou no ambiente de desenvolvimento vou colocar “http://localhost:15414/” que é a URL que o Visual Studio deixou default pra aplicação.

Show! A parte do facebook está completa, agora temos que mexer lá no config.json do nosso projeto, e colocar dados da nossa aplicação do facebook como o “AppId” e o “AppSecret”.

Feito isso, agora é só mexer no arquivo Startup.cs pra terminar. Lá é preciso mexer em dois métodos, um deles é o “ConfigureServices”, adicionando as seguintes linhas:

E também, precisamos adicionar as seguintes linhas no método “Configure”:

Com isso já vai estar funcionando a autenticação via facebook, e pra renderizar o botão do facebook na tela de login usamos esse trecho de html:

O resultado é esse:

Quando clicamos pra logar com o facebook ele redireciona para a tela de autorização:

E no final, você está logado com a conta do facebook:

É isso aí galera, está feita a autenticação com o facebook, lembrando que podemos fazer com outras redes sociais e serviços, não vou falar sobre tudo pro post não ficar muito grande.

Os exemplos de código estão disponíveis no GitHub: https://github.com/vmussak/AspNet5FacebookAuth

Por hoje é só, qualquer dúvida ou sugestão, estou à disposição! Até mais 😀

Referências:
http://docs.asp.net/en/latest/