Permite que usuários acessem sua aplicação ou site sem a necessidade de fazer um cadastro prévio, utilizando ologine senha de alguma rede social. Para que o componente funcione, a opção Login Social precisa ser Habilitada, acesse o tópico Habilitar o login social da documentação Login por redes sociais para mais detalhes.
Figura 1 - Componente rodando na tela de login no browser
Principais propriedades
Classes CSS
class
Adiciona classes CSS que já foram criadas.
Exibir
ng-show
Propriedade AngularJS usada para mostrar ou oculta o componente.
Identificador
id
Atributo que especifica um ID exclusivo para o componente. Por padrão um id é gerado automaticamente e atribuído ao componente.
Repetir
crn-repeat
Propriedade que seleciona uma fonte de dados contida na tela e repete o componente baseado no número de itens dessa fonte de dados.
Segurança
cronapp-security
Propriedade do Cronapp que trata as permissões de segurança da aplicação. Usado para permitir ou não edição e visualização do componente com base nos perfis selecionados.
Como usar
Componente Web
Acesse a página login (localização Low-Code: Formulários/Web/Login ) e arraste o componente Login Social para a tela, como na figura abaixo.
Figura 4.2 - Componente visual web Login Social
Por padrão, o componente visual login social já insere o ícone de todas as redes sociais suportadas nativamente pelo Cronapp, caso não queira usar alguma, selecione seu ícone e remova (Figura 4.3).
Figura 4.3 - Remoção do ícone de rede social
Credenciais e configuração
Para que o componente faça o login com a rede social desejada, é necessário acessar a área de desenvolvimento de cada uma das redes sociais, são elas (Google, Facebook, Linkedin e Github) e cadastrar a sua aplicação para obter o ID e chave secreta do cliente OAuth 2.0, para mais detalhes acesse a documentação Login por redes sociais no tópico Credenciais da aplicação.