怎么使用js获取本机ip地址

使用JavaScript获取本机IP地址的方法有几种，包括WebRTC、外部服务API、局域网IP等。其中，WebRTC技术比较常用，它无需依赖外部服务，但局限于现代浏览器。下面将详细介绍如何使用WebRTC技术获取本机IP地址。

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

WebRTC（Web Real-Time Communication）是一个支持网页进行实时语音对话或视频对话的API。WebRTC提供了一种获取局域网IP地址的方式，下面是具体的实现步骤：

1、基本概念

WebRTC的RTCPeerConnection对象可以用来建立点对点连接。通过这个对象，我们可以访问本机的网络接口信息，从而获取本机IP地址。

2、实现代码

以下是一个使用WebRTC获取本机IP地址的示例代码：

function getLocalIP(callback) {
    // 创建一个RTCPeerConnection对象
    var pc = new RTCPeerConnection({
        iceServers: []
    });
    // 创建一个空的DataChannel
    pc.createDataChannel('');
    // 创建一个空的SDP（Session Description Protocol）
    pc.createOffer().then((offer) => pc.setLocalDescription(offer));
    // 监听icecandidate事件
    pc.onicecandidate = (event) => {
        if (event && event.candidate && event.candidate.candidate) {
            // 使用正则表达式匹配IP地址
            var ipMatch = event.candidate.candidate.match(/([0-9]{1,3}.){3}[0-9]{1,3}/);
            if (ipMatch) {
                callback(ipMatch[0]);
            }
        }
    };
}
// 使用回调函数获取IP地址
getLocalIP((ip) => {
    console.log('本机IP地址为：', ip);
});

二、使用外部服务API获取IP地址

有许多第三方API服务可以提供公共IP地址查询功能。以下是一些常用的服务和实现方法：

1、使用`ipify` API

ipify是一个简单的API服务，提供公共IP地址查询功能。以下是使用ipify API获取IP地址的示例代码：

fetch('https://api.ipify.org?format=json')
    .then(response => response.json())
    .then(data => {
        console.log('公共IP地址为：', data.ip);
    })
    .catch(error => console.error('获取IP地址失败:', error));

2、使用`ipinfo` API

ipinfo是另一个流行的IP地址查询服务，除了IP地址外，它还提供地理位置信息。以下是使用ipinfo API获取IP地址的示例代码：

fetch('https://ipinfo.io/json?token=YOUR_API_TOKEN')
    .then(response => response.json())
    .then(data => {
        console.log('公共IP地址为：', data.ip);
        console.log('位置信息：', data.city, data.region, data.country);
    })
    .catch(error => console.error('获取IP地址失败:', error));

三、获取局域网IP地址

在某些情况下，你可能需要获取本机在局域网中的IP地址。以下是实现方法：

1、使用WebRTC获取局域网IP地址

上面提到的WebRTC方法可以获取局域网IP地址。再提供一个更详细的代码示例：

function getLocalIPs(callback) {
    var ips = [];
    var pc = new RTCPeerConnection({
        iceServers: []
    });
    pc.createDataChannel('');
    pc.createOffer().then((offer) => pc.setLocalDescription(offer));
    pc.onicecandidate = (event) => {
        if (event && event.candidate && event.candidate.candidate) {
            var ipMatch = event.candidate.candidate.match(/([0-9]{1,3}.){3}[0-9]{1,3}/);
            if (ipMatch && !ips.includes(ipMatch[0])) {
                ips.push(ipMatch[0]);
                callback(ipMatch[0]);
            }
        }
    };
}
// 使用回调函数获取局域网IP地址
getLocalIPs((ip) => {
    console.log('局域网IP地址为：', ip);
});

四、综合示例

结合上述方法，可以编写一个综合示例，分别获取局域网和公共IP地址：

function getLocalIP(callback) {
    var pc = new RTCPeerConnection({
        iceServers: []
    });
    pc.createDataChannel('');
    pc.createOffer().then((offer) => pc.setLocalDescription(offer));
    pc.onicecandidate = (event) => {
        if (event && event.candidate && event.candidate.candidate) {
            var ipMatch = event.candidate.candidate.match(/([0-9]{1,3}.){3}[0-9]{1,3}/);
            if (ipMatch) {
                callback(ipMatch[0]);
            }
        }
    };
}
function getPublicIP(callback) {
    fetch('https://api.ipify.org?format=json')
        .then(response => response.json())
        .then(data => callback(data.ip))
        .catch(error => console.error('获取公共IP地址失败:', error));
}
getLocalIP((localIP) => {
    console.log('局域网IP地址为：', localIP);
    getPublicIP((publicIP) => {
        console.log('公共IP地址为：', publicIP);
    });
});

五、注意事项

浏览器支持：WebRTC技术在现代浏览器中支持良好，但在某些旧版本浏览器中可能不支持。
隐私问题：获取IP地址涉及用户隐私，确保在合法合规的范围内使用这些技术。
API服务限制：使用外部API服务时，注意它们的使用限制和隐私政策。

六、总结

通过本文的详细介绍，你应该能够使用JavaScript获取本机的局域网和公共IP地址。WebRTC技术提供了一种无需依赖外部服务的方式获取局域网IP地址，而外部API服务则能够方便地获取公共IP地址。根据具体需求选择合适的方法。