JavaScriptでのIPアドレス取得
Webサイトによってはブラウザが変わっても同じユーザーか判別するためにIPアドレスを使用することがあります。
JavaScriptでIPアドレスを取得するにはfetchでipinfo.ioからJSONデータを取得します。
JavaScript
fetch('https://ipinfo.io?callback')
.then(res => res.json())
.then(json => console.log(json.ip))
// => 125.87.160.34jQueryでIPアドレスを取得
jQueryでIPアドレスを取得するには$.getJSONを使用します。
JavaScript
$.getJSON('https://ipinfo.io', res => console.log(res.ip))axiosでIPアドレスを取得
axiosを使用する場合は下記の通り。
JavaScript
axios.get('https://ipinfo.io').then(res => console.log(res.data.ip))まとめ
IPアドレスの取得はネイティブのJavaScript, jQuery, axiosなどで取得可能です。
下記に貼り付けるだけでIPアドレスを取得できるコードを用意しました。
HTMLファイルに貼り付けるだけで、ブラウザのConsoleで確認できます。
HTML
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script>
fetch('https://ipinfo.io?callback')
.then(res => res.json())
.then(json => console.log(json.ip))
$.getJSON('https://ipinfo.io', res => console.log(res.ip))
axios.get('https://ipinfo.io').then(res => console.log(res.data.ip))
</script>
