Détecter HTTP ou HTTPS puis forcer HTTPS en JavaScript

Question

Existe-t-il un moyen de détecter HTTP ou HTTPS et de forcer l'utilisation de HTTPS avec JavaScript ?

J'ai quelques codes pour détecter le HTTP ou HTTPS mais je ne peux pas le forcer à utiliser https: .

J'utilise le protocole.de.localisation.de.la.fenêtre pour définir ce que le site est https: puis rafraîchir la page pour espérer recharger une nouvelle URL https'ed dans le navigateur.

if (window.location.protocol != "https:") {
   window.location.protocol = "https:";
   window.location.reload();
}

Answer 1

Essayez ceci

if (location.protocol !== 'https:') {
    location.replace(`https:${location.href.substring(location.protocol.length)}`);
}

location.href = blah ajoute cette redirection à l'historique du navigateur. Si l'utilisateur appuie sur le bouton "retour", il sera redirigé vers la même page. Il est préférable d'utiliser location.replace car il n'ajoute pas cette redirection à l'historique du navigateur.

Answer 2

Le paramétrage de location.protocol permet de naviguer vers une nouvelle URL . Il n'est pas nécessaire d'analyser ou de découper quoi que ce soit.

if (location.protocol !== "https:") {
  location.protocol = "https:";
}

Firefox 49 dispose d'une bug donde https fonctionne mais https: ne le fait pas. Il est dit corrigé dans Firefox 54 .

Answer 3

Ce n'est pas une bonne idée parce que tu viens temporaire redirige l'utilisateur vers https et le navigateur n'enregistre pas cette redirection.

Vous décrivez la tâche pour le serveur web (apache, nginx etc.) http 301, http 302

Answer 4

Que pensez-vous de ça ?

if (window.location.protocol !== 'https:') {
    window.location = 'https://' + window.location.hostname + window.location.pathname + window.location.hash;
}

L'idéal serait de le faire du côté du serveur.

Answer 5

if (location.protocol == 'http:')
  location.href = location.href.replace(/^http:/, 'https:')