Tela de login
O sistema permite a configuração das cores, imagens e política de privacidade da tela de login padrão do sistema. Também é possível substituir a tela de login padrão do sistema, mas atualmente não é mais recomendada a criação de telas de login customizadas. A implementação de uma tela de login é complexa e exige uma manutenção não trivial para que ela acompanhe as funcionalidades do sistema e as melhores práticas de segurança.
Processo Tela de login
Caminho: Admin > Aparência e personalização > Tela de login.
Neste processo é possível configurar a tela de login padrão do sistema, permitindo modificar as cores e imagens de fundo.
Título e subtítulo da base de dados
Para configurar o título da base de dados apresentado na tela de login deve ser utilizado o processo “Admin > Base de dados > Configurações”. Nele, além de configurar o título da base de dados, também é possível definir um subtítulo, sendo este último recomendado para indicar a finalidade das bases de dados que não são de produção, como as de “Desenvolvimento”, “Homologação” ou “Treinamento”. Mais detalhes no manual Base de dados.
Cores da tela de login
No processo é possível definir as cores utilizadas na tela de login. A cor mais importante é a primária, que será aplicada sobre os principais elementos da interface. Também podem ser informadas as cores a serem utilizadas nos links, erros e no fundo da tela.
Para as configurações de cores acima, também deve ser indica uma cor auxiliar a ser utilizada nos elementos textuais, iconográficos e traços exibidos sobre a cor base. Para cores bases claras, é recomendado o uso da cor preta (#000000). Para cores bases escuras, a cor branca (#ffffff).
Ao definir as cores, deve-se buscar seguir a paleta de cores sugerida pelo Material Design, podendo ser utilizada a ferramenta Color Tool para gerar sugestões a partir de uma cor base.
Caso desejado, as cores padrões do sistema podem ser restauradas por meio do botão “Restaurar valores padrões”, eliminando a configuração realizada.
Imagens de fundo
A tela de login padrão permite configurar um conjunto de imagens de fundo que serão alternadas diariamente. Por padrão, o sistema possui um conjunto de imagens fornecidas pelo fornecedor, mas outras podem ser adicionadas por meio da grade “Imagens de fundo”.
O botão “Carregar novas imagens” deve ser utilizado para realizar o upload de novas imagens e os botões “Inserir” e “Remover” para ativar ou desativar imagens carregadas anteriormente. As imagens carregadas serão gravadas no diretório da Virtual File System “/Dados/Arquivos/Aparência e Personalização/Imagens de fundo”. Se não forem configuradas “Imagens de fundo”, serão utilizadas as definidas pelo fornecedor do sistema.
As imagens de fundo devem ter o menor tamanho possível para melhorar a experiência do usuário, portanto é recomendado que elas sejam otimizadas por ferramentas de compressão de imagens como o Squoosh antes de serem carregadas no sistema. O tamanho máximo permitido é 500KB.
Configurando uma tela de login customizada
Para criar uma tela de login customizada, deve ser criado um arquivo com extensão “.config” no diretório “/Configuração/Web Framework/Login” alterando a propriedade “customLoginPageUrl”. Exemplo:
this.customLoginPageUrl = '/products/custom/login/index.html';
A página informada é responsável por capturar as credenciais do usuário e enviar elas para a página “/sistema/-1898188217” via parâmetros “username” e “password”. Se a autenticação das credenciais falhar, o usuário será redirecionado novamente para a página de login, que receberá o parâmetro “result” com a falha de autenticação.
Importante: a página de login padrão do sistema possui uma proteção adicional das credenciais do usuário, implementa o fluxo de redefinição de senha e permite a autenticação por provedores de identidade externos. Essas e outras funcionalidades devem ser implementadas manualmente pela página de login customizada definida por esta configuração.