ASP .NET 5 – Autenticação com Facebook

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:
Novo Projeto

E logo após:
Template

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:
Novo Aplicativo

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

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

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

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

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.
URL

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”.
config.json

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:
ConfigureServices

E também, precisamos adicionar as seguintes linhas no método “Configure”:
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:
Html

O resultado é esse:
Login

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

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

É 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/

Anúncios

Deixe uma Resposta

Preencha os seus detalhes abaixo ou clique num ícone para iniciar sessão:

Logótipo da WordPress.com

Está a comentar usando a sua conta WordPress.com Terminar Sessão / Alterar )

Imagem do Twitter

Está a comentar usando a sua conta Twitter Terminar Sessão / Alterar )

Facebook photo

Está a comentar usando a sua conta Facebook Terminar Sessão / Alterar )

Google+ photo

Está a comentar usando a sua conta Google+ Terminar Sessão / Alterar )

Connecting to %s