当前位置：首页 > JavaScript

js实现ip

2026-04-05 13:36:59JavaScript

获取客户端IP地址（前端JavaScript）

在浏览器环境中，JavaScript无法直接获取用户的真实IP地址，但可以通过以下方法获取客户端IP的近似信息：

js实现ip

使用WebRTC获取本地IP

js实现ip

function getLocalIP() {
  return new Promise((resolve, reject) => {
    const RTCPeerConnection = window.RTCPeerConnection || window.mozRTCPeerConnection || window.webkitRTCPeerConnection;
    const pc = new RTCPeerConnection({ iceServers: [] });
    const noop = () => {};

    pc.createDataChannel('');
    pc.createOffer().then(offer => pc.setLocalDescription(offer, noop, noop));
    pc.onicecandidate = (ice) => {
      if (!ice || !ice.candidate || !ice.candidate.candidate) return;
      const ip = ice.candidate.candidate.split(' ')[4];
      resolve(ip);
      pc.onicecandidate = noop;
    };
  });
}

getLocalIP().then(ip => console.log('Local IP:', ip));

通过第三方API获取公网IP

async function getPublicIP() {
  try {
    const response = await fetch('https://api.ipify.org?format=json');
    const data = await response.json();
    return data.ip;
  } catch (error) {
    console.error('Error fetching IP:', error);
    return null;
  }
}

getPublicIP().then(ip => console.log('Public IP:', ip));

服务器端获取IP（Node.js示例）

在Node.js后端环境中，可以通过以下方式获取客户端IP：

const express = require('express');
const app = express();

app.get('/get-ip', (req, res) => {
  const clientIP = req.headers['x-forwarded-for'] || req.socket.remoteAddress;
  res.json({ ip: clientIP });
});

app.listen(3000, () => console.log('Server running on port 3000'));