如何用 JavaScript 獲取 IP 地址

直接獲取

WebRTC API

async function getIP() {
  const configuration = {
    iceServers: [
      {
        urls: ['stun:stun.l.google:19302']
      }
    ]
  };
  const peerConnection = new RTCPeerConnection(configuration);
  const iceCandidate = await new Promise((resolve) => {
    peerConnection.onicecandidate = (e) => {
      if (e.candidate && e.candidate.type === 'srflx') {
        resolve(e.candidate.address);
      }
    };
  });
  peerConnection.close();
  return iceCandidate;
}

navigator.mediaDevices.getUserMedia()

async function getIP() {
  const mediaStream = await navigator.mediaDevices.getUserMedia({ video: false, audio: false });
  const peerConnection = new RTCPeerConnection();
  const sender = peerConnection.addTrack(mediaStream.getTracks()[0], mediaStream);
  const iceCandidate = await new Promise((resolve) => {
    peerConnection.onicecandidate = (e) => {
      if (e.candidate && e.candidate.type === 'srflx') {
        resolve(e.candidate.address);
      }
    };
  });
  sender.stop();
  peerConnection.close();
  return iceCandidate;
}

通過服務器代理

使用 AJAX 或 fetch

向服務器發送請求，服務器響應中包含 IP 地址。

async function getIP() {
  const response = await fetch('/get-ip');
  const data = await response.json();
  return data.ip;
}

注意事項

WebRTC API 和 navigator.mediaDevices.getUserMedia() 只能在安全連接（HTTPS）上使用。
服務器代理方法需要后端支持。
獲取到的 IP 地址可能是本地 IP 地址，而不是外部 IP 地址。