js怎么获取内网和外网ip

要获取内网和外网IP，JavaScript 可以通过以下几种方式：使用 WebRTC 获取内网 IP、使用第三方服务获取外网 IP、结合服务器端获取外网 IP。其中，使用 WebRTC 获取内网 IP 是最直接的方式，而使用第三方服务获取外网 IP 则是最常见的方式。

要详细描述使用 WebRTC 获取内网 IP 的过程，我们需要了解 WebRTC（Web Real-Time Communication）是一种支持浏览器和移动设备之间进行实时通信的技术。WebRTC 提供了访问本地网络接口的信息，这些信息可以用来获取内网 IP 地址。

一、使用 WebRTC 获取内网 IP

使用 WebRTC 获取内网 IP 是一种相对简单的方法，因为 WebRTC 直接访问本地网络接口信息。以下是使用 WebRTC 获取内网 IP 的步骤：

1. 创建 RTCPeerConnection 对象

首先，我们需要创建一个 RTCPeerConnection 对象，这是 WebRTC 提供的接口，用于实现点对点连接。

const peerConnection = new RTCPeerConnection();

2. 添加空的 RTCDataChannel

为了触发 ICE 候选事件，我们需要添加一个空的 RTCDataChannel。

peerConnection.createDataChannel('');

3. 监听 ICE 候选事件

接下来，我们需要监听 ICE 候选事件，当浏览器发现新的网络接口时会触发该事件，并将候选信息传递给回调函数。

peerConnection.onicecandidate = (event) => {
  if (event.candidate) {
    const candidate = event.candidate.candidate;
    const regex = /([0-9]{1,3}.){3}[0-9]{1,3}/;
    const ip = candidate.match(regex)[0];
    console.log('内网 IP 地址:', ip);
  }
};

4. 创建一个虚拟的 SDP offer

最后，我们需要创建一个虚拟的 SDP offer，以便触发 ICE 候选事件。

peerConnection.createOffer()
  .then(offer => peerConnection.setLocalDescription(offer))
  .catch(error => console.error('Error creating offer:', error));

完整代码如下：

const peerConnection = new RTCPeerConnection();
peerConnection.createDataChannel('');
peerConnection.onicecandidate = (event) => {
  if (event.candidate) {
    const candidate = event.candidate.candidate;
    const regex = /([0-9]{1,3}.){3}[0-9]{1,3}/;
    const ip = candidate.match(regex)[0];
    console.log('内网 IP 地址:', ip);
  }
};
peerConnection.createOffer()
  .then(offer => peerConnection.setLocalDescription(offer))
  .catch(error => console.error('Error creating offer:', error));

二、使用第三方服务获取外网 IP

获取外网 IP 地址最常见的方法是通过第三方服务，如 ipify 或 ipinfo 等。这些服务提供了简单的 API 接口，可以方便地获取外网 IP 地址。

1. 使用 ipify 获取外网 IP

ipify 是一个免费的 IP 地址 API 服务。我们可以使用 fetch 函数调用其 API，并解析返回的 JSON 数据。

fetch('https://api.ipify.org?format=json')
  .then(response => response.json())
  .then(data => {
    console.log('外网 IP 地址:', data.ip);
  })
  .catch(error => console.error('Error fetching IP:', error));

2. 使用 ipinfo 获取外网 IP

ipinfo 也是一个流行的 IP 地址信息服务，提供详细的 IP 地址信息，包括地理位置、ISP 等。

fetch('https://ipinfo.io/json?token=<YOUR_TOKEN>')
  .then(response => response.json())
  .then(data => {
    console.log('外网 IP 地址:', data.ip);
    console.log('地理位置:', data.city, data.region, data.country);
  })
  .catch(error => console.error('Error fetching IP:', error));

三、结合服务器端获取外网 IP

在某些情况下，我们可能需要结合服务器端代码来获取外网 IP 地址。以下是一个使用 Node.js 实现的示例：

1. 创建一个简单的 Node.js 服务器

首先，我们需要创建一个简单的 Node.js 服务器，用于返回客户端的 IP 地址。

const http = require('http');
const server = http.createServer((req, res) => {
  const ip = req.headers['x-forwarded-for'] || req.connection.remoteAddress;
  res.writeHead(200, { 'Content-Type': 'application/json' });
  res.end(JSON.stringify({ ip }));
});
server.listen(3000, () => {
  console.log('Server is listening on port 3000');
});

2. 客户端请求服务器获取外网 IP

在客户端，我们可以使用 fetch 函数请求该服务器，并解析返回的 JSON 数据。

fetch('http://localhost:3000')
  .then(response => response.json())
  .then(data => {
    console.log('外网 IP 地址:', data.ip);
  })
  .catch(error => console.error('Error fetching IP:', error));

四、结合 PingCode 和 Worktile 的项目团队管理系统

在项目团队管理中，了解团队成员的内网和外网 IP 地址可以帮助管理员更好地管理和监控团队活动。推荐使用研发项目管理系统PingCode，和通用项目协作软件Worktile，这两款工具能够提供全面的项目管理和团队协作功能。

1. PingCode

PingCode 是一款专业的研发项目管理系统，提供了强大的功能来支持团队协作和项目管理。通过 PingCode，团队可以轻松地跟踪项目进度、分配任务和管理资源。PingCode 还提供了全面的数据分析和报告功能，帮助团队更好地了解项目状态和团队表现。

2. Worktile

Worktile 是一款通用项目协作软件，适用于各种类型的团队和项目。Worktile 提供了灵活的任务管理、时间跟踪和团队沟通功能，帮助团队成员更高效地协作和完成项目。Worktile 的多平台支持和强大的集成功能，使其成为团队管理的理想选择。

总结

通过本文，我们详细介绍了如何使用 JavaScript 获取内网和外网 IP 地址的方法。使用 WebRTC 获取内网 IP、使用第三方服务获取外网 IP、结合服务器端获取外网 IP。此外，我们还推荐了两款优秀的项目团队管理系统：PingCode 和 Worktile，帮助团队更高效地进行项目管理和协作。希望这些内容对你有所帮助。