【JavaScript】クライアントのIPアドレス取得方法

こんばんはエンジニアの眠れない夜です。

IPアドレスの取得は基本サーバー側の役目なのですが、クライアント側でもIPアドレスを取得したい事があります。

そんな時はクライアントからhttps://ipinfo.ioにアクセスしてみましょう。

ページを開くだけで現在のクライアントのIPアドレスの他にホスト名や場所の情報を取得できているのが分かります。

後はこれをJavaScriptでアクセスして、返ってきた値を取得すれば、IPやホスト名などの情報を利用することができます。

$.get("https://ipinfo.io", function(response) {
    alert(response.ip);
}, "jsonp");

サクッと確認したい方はChromeで右クリック「検証 >　コンソール」に上記のコードを貼りつければ自分の現在のIPアドレスがアラートで表示されます。

IPアドレスをクライアント側から使いたい時は是非試してみてください^^

追記:トークンの設定

何度かリクエストするとリミットに達するみたいです。

https://ipinfo.io でアカウントを作成するとログイン画面にトークンが表示されます。

“https://ipinfo.io?token=TOKEN” ←TOKENのところを置き換えると制限の範囲内でリクエストできるようになります。

$.get("https://ipinfo.io?token=TOKEN", function(response) {
    alert(response.ip);
}, "jsonp");

リクエストの様子がグラフで表示されるので使用履歴が確認できていいですね。