ブラウザ javascript 側で global ip を取得する

CSR (Client side rendering) でユーザの public ip を取得する方法です。

ipify を使う

ipify - A Simple Public IP Address API

const API_URL = 'https://api.ipify.org/?format=json'
const res = await fetch(API_URL)
const data = await res.json()
console.log(data.ip)

ReactHooks の例

Code: tools/global-ip.tsx at master · elzup/tools

Demo: public IP 取得