ตรวจจับ HTTP หรือ HTTPS จากนั้นบังคับใช้ HTTPS ใน JavaScript

มีวิธีใดในการตรวจหา HTTP หรือ HTTPS จากนั้นบังคับใช้การใช้ HTTPS ด้วย JavaScript หรือไม่

ฉันมีรหัสบางอย่างสำหรับการตรวจสอบ HTTP หรือ HTTPS https:แต่ฉันไม่สามารถบังคับให้ใช้

ฉันกำลังใช้คุณสมบัติwindow.location.protocolเพื่อตั้งค่าสิ่งที่ไซต์นั้นจะhttps:รีเฟรชหน้าเว็บเพื่อหวังโหลด URL https'ed ใหม่ที่โหลดเข้าสู่เบราว์เซอร์

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

ลองสิ่งนี้

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

location.href = blahเพิ่มการเปลี่ยนเส้นทางนี้ไปยังประวัติเบราว์เซอร์ หากผู้ใช้กดปุ่มย้อนกลับผู้ใช้จะถูกเปลี่ยนเส้นทางกลับไปที่หน้าเดียวกัน เป็นการดีกว่าที่จะใช้location.replaceเนื่องจากไม่เพิ่มการเปลี่ยนเส้นทางนี้ไปยังประวัติเบราว์เซอร์

การตั้งค่านำทาง location.protocol ไปยัง URL ไม่จำเป็นต้องแยกวิเคราะห์ / ชิ้นใด ๆ

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

Firefox 49 มีข้อผิดพลาดที่httpsทำงาน แต่https:ไม่ได้ บอกว่าจะได้รับการแก้ไขใน Firefox 54

มันไม่ได้เป็นความคิดที่ดีเพราะคุณเพียงแค่ชั่วคราวผู้ใช้เปลี่ยนเส้นทางไปที่ https และเบราว์เซอร์ไม่ได้บันทึกการเปลี่ยนเส้นทางนี้

คุณอธิบายงานสำหรับเว็บเซิร์ฟเวอร์ (apache, nginx ฯลฯ ) http 301, http 302

แล้วเรื่องนี้ล่ะ

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

เป็นการดีที่คุณจะทำมันในฝั่งเซิร์ฟเวอร์แม้ว่า

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

ไม่ใช่วิธี Javascript ที่จะตอบคำถามนี้ แต่ถ้าคุณใช้ CloudFlare คุณสามารถเขียนกฎของหน้าเว็บที่เปลี่ยนเส้นทางผู้ใช้ไปยัง HTTPS ได้เร็วขึ้นและฟรี ดูเหมือนว่าในกฎหน้าของ CloudFlare:

คุณทำได้:

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

วิธีการทำงาน

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

คุณควรตรวจสอบสิ่งนี้: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/upgrade-insecure-requests

เพิ่มเมตาแท็กนี้ลงใน index.html ของคุณภายในหัว

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

หวังว่ามันจะช่วย

ฉันชอบคำตอบสำหรับคำถามนี้ แต่เพื่อความคิดสร้างสรรค์ฉันต้องการแบ่งปันอีกหนึ่งวิธี:

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

สวัสดีฉันใช้โซลูชันนี้ทำงานอย่างสมบูรณ์แบบไม่จำเป็นต้องตรวจสอบเพียงใช้ https

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

ฉันเพิ่งมีรูปแบบสคริปต์ทั้งหมดที่ทดสอบโดยPui Cdmรวมคำตอบข้างต้นและอื่น ๆ อีกมากมายโดยใช้ php, htaccess, การกำหนดค่าเซิร์ฟเวอร์และ Javascript ผลลัพธ์คือสคริปต์

<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 ทำงานได้ดีที่สุดและคุณสามารถเพิ่มความปลอดภัยเพิ่มเติมในจาวาสคริปต์