Détectez HTTP ou HTTPS puis forcez HTTPS en JavaScript

Existe-t-il un moyen de détecter HTTP ou HTTPS, puis 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 la propriété window.location.protocol pour définir quel que soit le site, https:puis actualiser la page pour, espérons-le, recharger une nouvelle URL https chargée dans le navigateur.

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

Essaye ça

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

location.href = blahajoute cette redirection à l'historique du navigateur. Si l'utilisateur clique sur le bouton de retour, il sera redirigé vers la même page. Il est préférable de l'utiliser location.replacecar il n'ajoute pas cette redirection à l'historique du navigateur.

La définition de location.protocol permet d'accéder à une nouvelle URL . Pas besoin d'analyser / découper quoi que ce soit.

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

Firefox 49 a un bug où ça httpsmarche mais https:pas. Dit être corrigé dans Firefox 54 .

Ce n'est pas une bonne idée car vous redirigez simplement l' utilisateur vers https temporairement 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

Que dis-tu de ça?

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

Idéalement, vous le feriez du côté serveur, cependant.

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

Ce n'est pas un moyen Javascript pour répondre à cela, mais si vous utilisez CloudFlare, vous pouvez écrire des règles de page qui redirigent l'utilisateur beaucoup plus rapidement vers HTTPS et c'est gratuit. Ressemble à ceci dans les règles de page de CloudFlare:

Tu peux faire:

  <script type="text/javascript">        
        if (window.location.protocol != "https:") {
           window.location.protocol = "https";
        }
    </script>

Manière fonctionnelle

window.location.protocol === 'http:' && (location.href = location.href.replace(/^http:/, 'https:'));

Vous devriez vérifier ceci: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/upgrade-insecure-requests

Ajouter cette méta tag à votre index.html à l' intérieur de la tête

<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">

J'espère que cela a aidé.

J'aime les réponses à cette question. Mais pour être créatif, je voudrais partager une autre façon:

<script>if (document.URL.substring(0,5) == "http:") {
            window.location.replace('https:' + document.URL.substring(5));
        }
</script>

Le code ci-dessous suppose que la variable "str" ​​contient votre chaîne http: // ..... Il vérifie si c'est https et si true ne fait rien. Cependant, s'il s'agit de http, il remplace http par https.

if (str.indexOf('https') === -1) {
  str = str.replace('http', 'https')
}

<script type="text/javascript">
        function showProtocall() {

            if (window.location.protocol != "https") {
                window.location = "https://" + window.location.href.substring(window.location.protocol.length, window.location.href.length);
                window.location.reload();
            }
        }
        showProtocall();
</script>

Salut j'ai utilisé cette solution fonctionne parfaitement. Pas besoin de vérifier, utilisez simplement https.

<script language="javascript" type="text/javascript">
document.location="https:" + window.location.href.substring(window.location.protocol.length, window.location.href.length);
</script>

Je viens de faire tester toutes les variantes de script par Pui Cdm , y compris les réponses ci-dessus et bien d'autres en utilisant php, htaccess, la configuration du serveur et Javascript, les résultats sont que le script

<script type="text/javascript">        
function showProtocall() {
        if (window.location.protocol != "https") {
            window.location = "https://" + window.location.href.substring(window.location.protocol.length, window.location.href.length);
            window.location.reload();
        }
    }
    showProtocall();
</script> 

fourni par vivek-srivastava fonctionne mieux et vous pouvez ajouter une sécurité supplémentaire dans le script java.