Função
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. 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
| Tooltip | ||||
|---|---|---|---|---|
| ||||
endereço |
) 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.
Nome em inglês
Social Login
Nessa página
| Índice | ||||
|---|---|---|---|---|
|
Equivalente mobile
Não possui.
Botão do Componente
Imagem no Editor Visual