HTTPまたはHTTPSを検出し、JavaScriptでHTTPSを強制する

HTTPまたはHTTPSを検出し、JavaScriptでHTTPSの使用を強制する方法はありますか？

HTTPまたはHTTPSを検出するためのコードがいくつかありますが、強制的に使用することはできませんhttps:。

私はwindow.location.protocolプロパティを使用して、サイトが何であるかを設定してからhttps:、ページを更新して、ブラウザーに読み込まれた新しいhttpsのURLをうまくリロードします。

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にリダイレクトでブラウザはこのリダイレクトを保存しないため、ません。

Webサーバー（apache、nginxなど）のタスクを記述します。http301 、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">

お役に立てば幸いです。

この質問の答えが好きです。しかし、創造的であるために、もう1つの方法を共有したいと思います。

<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によって提供される ものが最もよく機能し、Javaスクリプトにさらにセキュリティを追加できます。