バニラJavaScriptにて「ipify API」を利用してユーザのIPアドレスを取得する方法
あるサイトでユーザのIPアドレスを取得したいというケースがあった。普段であればPHPで取得できるがASPを利用したサイトのためPHPは使用不可という制限があった。調べたところ「ipify API」というAPIが無料かつ制限無しでIPアドレスを取得できる模様。以下に利用方法をメモ。
ipify API
公式サイト
GitHub
https://github.com/sindresorhus/ipify
利用方法
ソースコード
<script> const url = 'https://api.ipify.org?format=json'; const xhr = new XMLHttpRequest(); xhr.open('GET', url); xhr.send(); xhr.responseType = 'json'; xhr.onload = () => { if( xhr.status == 200 ){ console.log(xhr.response); //Object { ip: "xxx.xxx.xxx.xxx" } console.log(xhr.response.ip); //xxx.xxx.xxx.xxx }else{ console.log(`Error`); } }; </script>
関連記事
-
-
ajaxのエラー詳細を取得する
success or errorで分岐処理はできるけど、 エラー詳細取れないの? ...
-
-
Push.jsを用いてプッシュ通知を実装&Web Audio APIで通知音も鳴らす方法
プッシュ通知(デスクトップ通知)を実装してみたい。また、通知の際は分かりやすいよ ...
-
-
クロスドメイン突破をjavascriptで行う
ajaxとかでクロスドメインを突破する際は、 PHPファイルを介すかJSONPを ...
-
-
JavaScriptで日時のフォーマットをISO 8601型とDateTime型を相互に変換する方法
先日PHPで日時のフォーマットをISO 8601型とDateTime型を相互に変 ...
-
-
VideoBoxでyoutubeの埋め込みをポップアップ表示させる方法
youtubeの埋め込みリンクをLightboxみたいにポップアップ表示させる方 ...