HTTP veya HTTPS'yi algılama ve ardından JavaScript'te HTTPS'yi zorlama

HTTP veya HTTPS'yi algılamanın ve ardından HTTPS'nin JavaScript ile kullanımını zorlamanın bir yolu var mı?

HTTP veya HTTPS algılamak için bazı kodları var ama kullanmaya zorlayamıyorum https: .

Site ne olursa olsun ayarlamak için window.location.protocol özelliği kullanıyorum https:sonra tarayıcıya yüklü yeni bir https'ed URL yeniden yüklemek için sayfayı yenilemek için kullanıyorum.

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

Bunu dene

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

location.href = blahbu yönlendirmeyi tarayıcı geçmişine ekler. Kullanıcı geri düğmesine basarsa, aynı sayfaya yeniden yönlendirilir. location.replaceBu yönlendirmeyi tarayıcı geçmişine eklemediği için kullanmak daha iyidir .

Location.protocol ayarı yeni bir URL'ye gider . Hiçbir şeyi ayrıştırmaya / dilimlemeye gerek yok.

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

Firefox 49 bir var hatahttps çalışıyor ancak https:değil. Bahsedilen gereken ateş 54 sabit .

İyi bir fikir değil çünkü sadece geçici https ve tarayıcıya yönlendirme kullanıcı Bu yönlendirmeyi kaydetmez.

Web sunucusu için görev tanımladınız (apache, nginx vb.) http 301, http 302

Buna ne dersin?

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

İdeal olarak sunucu tarafında yapardınız.

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

Bunu cevaplamanın bir Javascript yolu değil ancak CloudFlare kullanıyorsanız kullanıcıyı HTTPS'ye daha hızlı yönlendiren sayfa kuralları yazabilirsiniz ve ücretsizdir. CloudFlare Sayfa Kurallarında şöyle görünür:

Yapabilirsin:

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

Fonksiyonel yolu

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

Bunu kontrol etmelisiniz: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/upgrade-insecure-requests

Bu meta etiketi kafanın içindeki index.html dosyasına ekleyin

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

Umarım yardımcı olmuştur.

Bu sorunun cevaplarını seviyorum. Ancak yaratıcı olmak için bir şekilde daha paylaşmak istiyorum:

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

Aşağıdaki kod 'str' değişkeninin http: // .... dizenizi içerdiğini varsayar. Https olup olmadığını ve true değerinin hiçbir şey yapıp yapmadığını kontrol eder. Ancak http ise http'yi https ile değiştirir.

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>

Merhaba ben bu çözüm mükemmel çalışır kullanılır. Kontrol etmek gerek, sadece https kullanın.

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

Ben sadece Pui Cdm tarafından test tüm script varyasyonları var , yukarıdaki cevaplar dahil ve diğerleri php, htaccess, sunucu yapılandırması ve Javascript kullanarak, sonuçları 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> 

vivek-srivastava tarafından sağlanan en iyi şekilde çalışır ve java komut dosyasında daha fazla güvenlik ekleyebilirsiniz.