Neste artigo você vai aprender a como detectar HTTP e forçar HTTPS com JavaScript, assim que o usuário entrar na página
Fala programador(a), beleza? Bora aprender mais sobre protocolos e URL em JavaScript!
O protocolo que o usuário pode utilizar a nossa página é o HTTP ou o HTTPS
Por questões de segurança, devemos sempre enviar o usuário para o HTTPS
Mas há sites que ainda não tem esse redirecionamento feito de forma automática, e de alguma maneira o usuário consegue acessar via HTTP
Podemos resolver isso facilmente com JavaScript, utilizando o objeto global location
Em locatin temos acesso ao protocolo e a própria URL, deixando o código dinâmico
Veja um exemplo prático:
if (location.protocol !== 'https:') {
location.replace(`https:${location.href.substring(location.protocol.length)}`);
}
Este snippet de código faz exatamente o que precisamos
Primeiramente detecta o protocolo, e se for HTTP redireciona o usuário para a versão em HTTPS
Simples, não é? 🙂
Deixe um comentário contando o que achou desta solução 🙂
Quer aprender mais sobre JavaScript? Confira o vídeo abaixo:
Conclusão
No artigo de hoje você aprendeu a como detectar HTTP e forçar HTTPS
Utilizamos o objeto location, que fez todo o trabalho com suas propriedades e métodos
Note que uma alternativa mais interessante seria fazer o redirecionamento diretamente a nível de servidor, com Apache por exemplo
Deseja programar de forma profissional? Confira o nosso treinamento completo clicando aqui.
Uma plataforma de cursos com projetos completos, comunidade de alunos e muito mais!
Há também o nosso canal no YouTube, com muito conteúdo gratuito de qualidade!