O Social Login permite que usuários acessem sua aplicação ou site sem a necessidade de fazer um cadastro prévio, utilizando o login e senha de alguma rede social.

Essa forma de autenticação possui algumas vantagens em relação a forma tradicional: elimina a necessidade de cadastro em diferentes sistemas; evita a falta de segurança em possuir uma senha para todos os sistemas ou a dificuldade de lembrar de uma senha para cada sistema; os dados obtidos do usuário possui validação prévia, gerando maior confiabilidade e sites integrados com redes sociais costumam ter um engajamento maior por parte de seus usuários.

Habilitar o Login social

Durante a criação de um projeto no Cronapp, habilite a opção Login por redes sociais na segunda janela de configurações (destaque 1 na Figura abaixo2.1).

Figura 2.1 - Habilitando o login social durante a criação do projeto

Se o projeto já existeexistir, acesse o arquivo app.config (localizado em src/config/app.config) e na janela de Configurações clique na aba Configurações do Projeto, habilite a opção Login por Redes Sociais (destaque 1 da figura) para exibir a aba Redes Sociais (destaque 2 da figura 2.2).

Figura 2.2 - Habilitando o login social após o projeto criado

Credenciais da Aplicação 

Para o próximo passo é necessário acessar a área de desenvolvimento de cada uma das rede social, cadastrar das redes sociais (Google, Facebook, Linkedin e Github), cadastrar a sua aplicação , e obter um identificador único para a sua aplicação dentro da e obter o Id e chave secreta do cliente OAuth 2.0 dentro de cada rede social.Em  Em todas as redes sociais, com exceção do Cronapp, é necessário informar a URI de SingIn da aplicação para autorização. Essa URI é formado por:

https://<Domínio da Aplicação>/signin/<Rede Social>

Para obter o domínio da aplicação durante o desenvolvimento, rode o projeto (destaque 1 da figura 3.1), execute a aplicação e obtenha a URL de teste (2 da Figura 3.1).

Figura 3.1 - Obtendo a URL de teste do Cronapp

Com base no exemplo da figura 3.1, a URI de signin de cada rede social seria

• Google: https://app-19-33-19686.ide.cronapp.io/signin/google
• Facebook: https://app-19-33-19686.ide.cronapp.io/signin/facebook
• Linkedin: https://app-19-33-19686.ide.cronapp.io/signin/linkedin
• Github: https://app-19-33-19686.ide.cronapp.io/signin/github

Image Removed

Configurações

De volta a janela de configurações do Cronapp, acesse a aba Redes Sociais, habilitada no primeiro passo. Cadastraremos aqui o ID e o segredo da aplicação obtida em cada rede social.

Image Added

1. Inscrição Automática: ative para permitir que novos usuários se cadastrem na sua aplicação através do Login social, ao desabilitar, somente usuários cadastrados anteriormente poderão logar via rede social.
2. Rede Social: nome das redes sociais disponíveis no Cronapp.
3. Habilitar rede social: selecione as redes sociais que poderão ter login social na sua aplicação.
4. ID da Aplicação: ID obtida na área de desenvolvimento da rede social.
5. Segredo da aplicação: segredo obtido na área de desenvolvimento da rede social. 

Font-End web