Detectar HTTP e forçar HTTPS com JavaScript

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

Formação Recomendada

Formação Claude Code

Domine Claude Code do absoluto zero até o avançado

• 120 aulas
• 4 projetos
• 9h 45min

Conhecer formação

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!