js 怎么获取本机ip地址

通过JavaScript获取本机IP地址，可以使用WebRTC技术、通过服务器端获取、使用第三方库等方法。在这里，我们将详细探讨使用WebRTC技术来获取本机IP地址的方法。

WebRTC（Web Real-Time Communication）技术可以在浏览器中实现实时通信功能，它允许音频、视频的直接传输以及数据共享。通过WebRTC API，我们可以获取本地网络的IP地址。

一、使用WebRTC获取本机IP地址

WebRTC提供了一个名为RTCPeerConnection的接口，它可以用于创建一个点对点连接，通过这个连接，我们可以获取本地的网络信息。

1、创建RTCPeerConnection对象

首先，需要创建一个RTCPeerConnection对象。这个对象用于建立和控制连接。

const pc = new RTCPeerConnection({
    iceServers: []
});

2、设置事件处理器

RTCPeerConnection对象有一个事件处理器icecandidate，它会在ICE候选者（Interactive Connectivity Establishment）信息可用时被触发。

pc.onicecandidate = (event) => {
    if (!event.candidate) {
        return;
    }
    const candidate = event.candidate.candidate;
    console.log(candidate);
    // 解析候选者信息
    const parts = candidate.split(' ');
    const ip = parts[4];
    console.log(ip);
};

3、创建数据通道

为了触发ICE候选者的生成，需要创建一个数据通道。

pc.createDataChannel('');

4、创建一个虚拟的SDP（Session Description Protocol）

最后，创建一个虚拟的SDP，这样浏览器就会开始收集ICE候选者。

pc.createOffer().then(sdp => {
    pc.setLocalDescription(sdp);
});

5、完整代码示例

const pc = new RTCPeerConnection({
    iceServers: []
});
pc.onicecandidate = (event) => {
    if (!event.candidate) {
        return;
    }
    const candidate = event.candidate.candidate;
    console.log(candidate);
    const parts = candidate.split(' ');
    const ip = parts[4];
    console.log(ip);
};
pc.createDataChannel('');
pc.createOffer().then(sdp => {
    pc.setLocalDescription(sdp);
});

这段代码会在控制台中输出本机的IP地址。

二、通过服务器端获取本机IP地址

尽管使用WebRTC可以在浏览器端获取IP地址，但在某些情况下，您可能需要通过服务器端获取客户端的IP地址。服务器端获取IP地址的方法取决于您使用的技术栈。

1、Node.js服务器

如果您使用Node.js作为服务器，可以通过请求对象获取客户端IP地址。

const http = require('http');
const requestListener = function (req, res) {
    const ip = req.headers['x-forwarded-for'] || req.connection.remoteAddress;
    res.writeHead(200);
    res.end(`Your IP address is ${ip}`);
};
const server = http.createServer(requestListener);
server.listen(8080);

2、通过Nginx反向代理获取

如果您的服务器前面有一个Nginx反向代理，您可以通过Nginx配置来获取客户端IP地址。

server {
    listen 80;
    server_name example.com;
    location / {
        proxy_pass http://localhost:8080;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    }
}

在您的Node.js应用程序中，您可以通过req.headers['x-real-ip']获取客户端IP地址。

三、使用第三方库获取IP地址

有一些第三方库和服务可以帮助您获取IP地址。例如，您可以使用ipify这个服务，它提供了一个简单的API来获取您的公网IP地址。

1、使用ipify API

首先，安装axios库来发送HTTP请求。

npm install axios

然后，您可以使用以下代码来获取公网IP地址。

const axios = require('axios');
axios.get('https://api.ipify.org?format=json')
    .then(response => {
        console.log(`Your IP address is ${response.data.ip}`);
    })
    .catch(error => {
        console.error('Error fetching IP address:', error);
    });

2、使用其他第三方API

除了ipify，还有很多其他API可以用来获取IP地址，例如ipinfo.io、whatismyip.com等。这些API的使用方法大同小异，只需根据其文档进行调用即可。

四、总结

获取本机IP地址的方法有很多，具体选择哪种方法取决于您的需求和技术栈。通过WebRTC可以在浏览器端获取本机IP地址，这对于一些实时通信应用非常有用。而通过服务器端获取IP地址则更为常见，特别是在需要记录访问日志或进行安全检查的场景下。此外，使用第三方API也是一种简单有效的方法，特别是当您需要获取公网IP地址时。

无论选择哪种方法，了解其原理和使用场景是非常重要的。希望通过本文的介绍，您能找到适合自己需求的方法，并能够灵活运用到实际项目中。如果您在管理开发团队或项目时需要高效的工具，推荐使用研发项目管理系统PingCode和通用项目协作软件Worktile，它们可以帮助您更好地管理项目和团队。