js获取本地ip

在JavaScript中获取本地IP地址可以通过WebRTC（Web实时通信）技术实现。

一、基础概念

WebRTC
- WebRTC是一个支持网页浏览器进行实时语音通话或视频聊天的技术。它在实现这些功能的同时，也能获取到本地网络的一些信息，包括本地IP地址。

RTCPeerConnection
- 这是WebRTC中的一个关键接口，用于在两个对等端之间建立连接。通过监听这个连接的创建过程，可以获取到本地IP相关的信息。

二、示例代码

function getLocalIPs(callback) {
    const RTCPeerConnection = window.RTCPeerConnection || window.webkitRTCPeerConnection || window.mozRTCPeerConnection;
    const ips = {};

    if (!RTCPeerConnection) {
        callback(ips);
        return;
    }

    const rtc = new RTCPeerConnection({ iceServers: [] });
    rtc.createDataChannel('', { reliable: false });

    rtc.onicecandidate = function (ice) {
        if (!ice ||!ice.candidate ||!ice.candidate.candidate) return;
        const ipMatch = /([0 - 9]{1,3}(\.[0 - 9]{1,3}){3})/.exec(ice.candidate.candidate);
        if (ipMatch) {
            const ip = ipMatch[1];
            ips[ip] = true;
            callback(ips);
        }
    };

    rtc.createOffer().then(function (offer) {
        return rtc.setLocalDescription(offer);
    }).catch(function (e) {
        console.error(e);
    });
}

getLocalIPs(function (ips) {
    console.log('本地IP地址:', Object.keys(ips));
});

三、优势

无需额外权限（相对）
- 与一些需要特定权限（如访问网络设置等）的方法相比，在现代浏览器中只要允许WebRTC相关操作就可以获取本地IP，不需要用户手动给予过多特殊权限。

基于标准技术
- 利用WebRTC这种被广泛支持的Web标准技术，兼容性较好，在大多数现代浏览器（如Chrome、Firefox等）上都能正常工作。

四、应用场景

网络相关调试
- 开发者可以快速获取本地IP来检查网络连接是否正常，或者在开发涉及网络通信的应用（如WebRTC视频通话应用）时，确认本地网络配置是否符合要求。

本地资源定位（特定场景）
- 在一些局域网内的应用场景下，比如一个小型的内部文件共享系统，知道本地IP有助于资源的定位和共享。

五、可能遇到的问题及解决方法

隐私限制（部分浏览器）
- 一些浏览器出于隐私考虑可能会限制获取本地IP的方式或者提供模糊化的IP信息。
- 解决方法：可以引导用户更新浏览器到最新版本，并且在应用中向用户解释获取本地IP的目的，确保符合隐私政策要求。

获取不到IP（网络环境问题）
- 如果设备处于特殊网络环境，如某些企业网络中的代理服务器后面或者防火墙限制严格的网络中，可能获取不到本地IP。
- 解决方法：检查网络设置，确保设备能够正常进行WebRTC相关的通信，必要时联系网络管理员调整防火墙或代理服务器设置以允许必要的WebRTC流量。