Wykryj HTTP lub HTTPS, a następnie wymuś HTTPS w JavaScript

Czy jest jakiś sposób na wykrycie HTTP lub HTTPS, a następnie wymuszenie użycia HTTPS z JavaScript?

Mam pewne kody do wykrywania HTTP lub HTTPS, ale nie mogę zmusić go do użycia https:.

Korzystam z właściwości window.location.protocol, aby ustawić dowolną witrynę, https:a następnie odświeżyć stronę i, mam nadzieję, ponownie załadować nowy adres URL https załadowany do przeglądarki.

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

Spróbuj tego

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

location.href = blahdodaje to przekierowanie do historii przeglądarki. Jeśli użytkownik naciśnie przycisk Wstecz, zostanie przekierowany z powrotem na tę samą stronę. Lepiej jest używać, location.replaceponieważ nie dodaje tego przekierowania do historii przeglądarki.

Ustawienie location.protocol powoduje przejście do nowego adresu URL . Nie trzeba parsować / kroić niczego.

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

Firefox 49 ma błąd, w którym httpsdziała, ale https:nie działa. Podobno zostanie naprawiony w Firefox 54 .

To nie jest dobry pomysł, ponieważ chwilowo przekierowujesz użytkownika do https, a przeglądarka nie zapisuje tego przekierowania.

Opisujesz zadanie dla serwera WWW (apache, nginx itp.) Http 301, http 302

Co powiesz na to?

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

Idealnie byłoby to zrobić po stronie serwera.

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

Nie jest to metoda Javascript, aby odpowiedzieć na to pytanie, ale jeśli używasz CloudFlare, możesz pisać reguły strony, które przekierowują użytkownika znacznie szybciej do HTTPS i jest bezpłatne. Wygląda to tak w Regułach strony CloudFlare:

Możesz to zrobić:

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

Funkcjonalny sposób

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

Powinieneś to sprawdzić: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/upgrade-insecure-requests

Dodaj ten metatag do swojego index.html wewnątrz głowy

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

Mam nadzieję, że to pomogło.

Lubię odpowiedzi na to pytanie. Ale aby być kreatywnym, chciałbym podzielić się jeszcze jednym sposobem:

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

Cześć, użyłem tego rozwiązania, działa idealnie. Nie trzeba sprawdzać, wystarczy użyć https

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

Właśnie przetestowałem wszystkie warianty skryptu przetestowane przez Pui Cdm , w tym odpowiedzi powyżej i wiele innych przy użyciu php, htaccess, konfiguracji serwera i Javascript, wyniki są takie, że skrypt

<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> 

dostarczone przez vivek-srivastava działa najlepiej i możesz dodać dodatkowe bezpieczeństwo w skrypcie Java.