js如何获取本机局域网ip

JavaScript 获取本机局域网 IP 的方法主要有：使用 WebRTC、通过服务器端获取、使用第三方库。本文将详细介绍这些方法，并推荐一些实用的工具和库来帮助你实现这一目标。

一、使用 WebRTC 获取本机局域网 IP

WebRTC 是一种非常强大的技术，允许网页在不使用中介服务器的情况下进行 P2P（点对点）通信。我们可以利用 WebRTC 的特性来获取本机的局域网 IP 地址。

1、什么是 WebRTC

WebRTC（Web Real-Time Communication）是一项由 Google 推动的技术，它使网页浏览器能够直接进行实时音视频通信和数据共享。WebRTC 内部使用 STUN（Session Traversal Utilities for NAT）服务器来发现公共和私有 IP 地址。

2、使用 WebRTC 获取 IP 的示例代码

以下是一个示例代码，展示了如何使用 WebRTC 获取本机的局域网 IP 地址：

function getLocalIPs(callback) {
    const ips = [];
    const RTCPeerConnection = window.RTCPeerConnection || window.mozRTCPeerConnection || window.webkitRTCPeerConnection;
    const rtc = new RTCPeerConnection({iceServers: []});
    rtc.createDataChannel('');
    rtc.createOffer().then((offer) => rtc.setLocalDescription(offer));
    rtc.onicecandidate = (event) => {
        if (event && event.candidate && event.candidate.candidate) {
            const candidate = event.candidate.candidate;
            const ip = candidate.split(' ')[4];
            if (!ips.includes(ip)) {
                ips.push(ip);
                callback(ip);
            }
        }
    };
}
getLocalIPs((ip) => {
    console.log('Local IP: ', ip);
});

在这个示例中，我们使用了 WebRTC 的 RTCPeerConnection 对象，通过它我们可以生成一个候选者对象，候选者对象包含了本机的 IP 地址。我们通过解析这个候选者对象来获取本机的局域网 IP 地址。

二、通过服务器端获取本机局域网 IP

有时候，我们可能需要通过服务器端来获取客户端的 IP 地址。这种方法虽然不能直接获取局域网 IP，但可以获取到客户端的公共 IP 地址。

1、使用 Node.js 获取客户端 IP 地址

在 Node.js 中，我们可以通过请求对象（request object）来获取客户端的 IP 地址。

const http = require('http');
http.createServer((req, res) => {
    const ip = req.headers['x-forwarded-for'] || req.connection.remoteAddress;
    res.end(`Your IP address is ${ip}`);
}).listen(3000, () => {
    console.log('Server is running at http://localhost:3000');
});

在这个示例中，我们创建了一个简单的 HTTP 服务器，通过请求头 x-forwarded-for 或连接对象的 remoteAddress 属性来获取客户端的 IP 地址。

2、使用 Express 获取客户端 IP 地址

如果你正在使用 Express 框架，可以使用以下方法获取客户端的 IP 地址：

const express = require('express');
const app = express();
app.get('/', (req, res) => {
    const ip = req.headers['x-forwarded-for'] || req.connection.remoteAddress;
    res.send(`Your IP address is ${ip}`);
});
app.listen(3000, () => {
    console.log('Server is running at http://localhost:3000');
});

这段代码展示了如何在 Express 框架中获取客户端的 IP 地址，并将其返回给客户端。

三、使用第三方库获取本机局域网 IP

除了以上两种方法，还可以使用一些第三方库来简化获取 IP 地址的过程。以下是一些推荐的库：

1、ipify

ipify 是一个简单的库，可以帮助你获取客户端的公共 IP 地址。

安装 ipify：

npm install ipify

使用 ipify：

const ipify = require('ipify');
(async () => {
    const ip = await ipify();
    console.log('Your public IP address is:', ip);
})();

2、public-ip

public-ip 是另一个非常受欢迎的库，可以帮助你获取客户端的公共 IP 地址，并且支持 IPv4 和 IPv6。

安装 public-ip：

npm install public-ip

使用 public-ip：

const publicIp = require('public-ip');
(async () => {
    const ip = await publicIp.v4();
    console.log('Your public IP address is:', ip);
})();

3、使用 ip 库获取本机的局域网 IP 地址

ip 是一个功能强大的库，可以帮助你获取本机的局域网 IP 地址、子网掩码、广播地址等信息。

安装 ip：

npm install ip

使用 ip：

const ip = require('ip');
const localIp = ip.address();
console.log('Your local IP address is:', localIp);

四、结合客户端和服务器端获取 IP 地址

在某些情况下，我们可能需要结合客户端和服务器端的技术来获取更加详细的 IP 地址信息。以下是一个示例，展示了如何结合客户端和服务器端来获取 IP 地址。

1、客户端代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Get IP Address</title>
    <script>
        function getLocalIPs(callback) {
            const ips = [];
            const RTCPeerConnection = window.RTCPeerConnection || window.mozRTCPeerConnection || window.webkitRTCPeerConnection;
            const rtc = new RTCPeerConnection({iceServers: []});
            rtc.createDataChannel('');
            rtc.createOffer().then((offer) => rtc.setLocalDescription(offer));
            rtc.onicecandidate = (event) => {
                if (event && event.candidate && event.candidate.candidate) {
                    const candidate = event.candidate.candidate;
                    const ip = candidate.split(' ')[4];
                    if (!ips.includes(ip)) {
                        ips.push(ip);
                        callback(ip);
                    }
                }
            };
        }
        getLocalIPs((ip) => {
            document.getElementById('local-ip').innerText = `Local IP: ${ip}`;
        });
        async function getPublicIP() {
            const response = await fetch('/public-ip');
            const ip = await response.text();
            document.getElementById('public-ip').innerText = `Public IP: ${ip}`;
        }
        getPublicIP();
    </script>
</head>
<body>
    <h1>IP Address Information</h1>
    <p id="local-ip">Local IP: Fetching...</p>
    <p id="public-ip">Public IP: Fetching...</p>
</body>
</html>

2、服务器端代码

const express = require('express');
const publicIp = require('public-ip');
const app = express();
app.get('/public-ip', async (req, res) => {
    const ip = await publicIp.v4();
    res.send(ip);
});
app.listen(3000, () => {
    console.log('Server is running at http://localhost:3000');
});

在这个示例中，客户端代码使用 WebRTC 获取局域网 IP 地址，并发送请求到服务器端以获取公共 IP 地址。服务器端代码使用 public-ip 库来获取公共 IP 地址，并返回给客户端。

五、推荐项目管理系统

在开发和维护项目时，一个高效的项目管理系统是必不可少的。以下是两个推荐的项目管理系统：

1、研发项目管理系统 PingCode

PingCode 是一款专为研发团队设计的项目管理系统，能够帮助团队更好地管理需求、任务和缺陷，提高研发效率。它支持敏捷开发、看板管理、版本管理等多种功能。

2、通用项目协作软件 Worktile

Worktile 是一款通用的项目协作软件，适用于各类团队和企业。它提供了任务管理、项目进度跟踪、文档协作、团队沟通等多种功能，能够帮助团队高效协作，提升工作效率。

总结

JavaScript 获取本机局域网 IP 的方法有很多，本文详细介绍了使用 WebRTC、通过服务器端获取以及使用第三方库的方法。每种方法都有其优缺点，开发者可以根据实际需求选择合适的方法。同时，推荐了 PingCode 和 Worktile 两个项目管理系统，帮助团队更好地管理项目和提升效率。