JavaScript | HTTPかHTTPSかを判別する方法

2019-08-252021-07-11JavaScript,JavaScript 判別

JavaScriptを使って現在表示中のページがHTTPかHTTPSかを判別する方法です。

またHTTPの場合にHTTPSのページにリダイレクトする方法も紹介しています。

httpかhttpsかを判別する方法

location.protocolを使った現在表示中のページがHTTPかHTTPSかを判別する方法になります。

location.protocolは表示中のページがHTTPSの場合は「https:」、HTTPの場合は「http:」を返します。

if (location.protocol == 'http:') {
	console.log(表示中のページはHTTPです);
} else if (location.protocol == 'https:') {
	console.log(表示中のページはHTTPSです);
}

HTTPの場合にHTTPSにリダイレクトする方法

JavaScriptでHTTPの場合にHTTPSのページにリダイレクトする方法です。

※基本的には、.htaccessやphpなどサーバーサイドでリダイレクトする方法が推奨されます。

if (location.protocol == 'http:') {
	location.href = 'https://(転送先のURL)';
}