JavaScriptでIPアドレスを取得する

2023-04-19

JavaScriptを使用してIPアドレスを取得するには、クライアントのIPアドレスを取得する必要があります。これは、JavaScriptがブラウザ内で実行されているため、サーバー側でIPアドレスを直接取得することはできないからです。

以下は、JavaScriptでクライアントのIPアドレスを取得する方法の例です。

// ブラウザが提供するAPIを使用してIPアドレスを取得
function getIP(callback){
	// APIを取得するためのXMLHttpRequestオブジェクトを作成
	var xhr = new XMLHttpRequest();
	// 送信するリクエストの種類とURLを指定
	xhr.open('GET', 'https://api.ipify.org', true);
	// レスポンスが帰ってきたら呼び出されるコールバック関数を設定
	xhr.onload = function(){
	if (xhr.status === 200){ // レスポンスが成功した場合
		callback(xhr.responseText); // 取得したIPアドレスをコールバック関数に渡す
	} else { // レスポンスが失敗した場合
		console.log('IPアドレスの取得に失敗しました');
	}
	};
	// リクエストを送信
	xhr.send();
}

// 上記で定義したgetIP関数を使用してIPアドレスを取得
getIP(function(ip){
	console.log(ip);
});

この例では、https://api.ipify.orgという公開されているAPIを使用してIPアドレスを取得しています。IPアドレスを取得した後、callback関数に渡しています。console.log(ip)を呼び出すことで、ブラウザのコンソールにIPアドレスが表示されます。

ただし、この方法では、クライアントがVPNやプロキシを使用している場合に、実際のIPアドレスと異なるIPアドレスが取得されることがあります。