js获取本机ip

在前端开发中，有时需要通过JavaScript获取用户的本机IP地址。虽然浏览器本身并不直接提供API来获取本机IP，但可以通过一些间接方法实现这一需求。介绍几种常见的解决方案，并附上详细代码。

1. 使用第三方服务

最常见的方式是通过调用第三方服务来获取IP地址。这些服务会返回用户的公网IP地址。以下是具体实现步骤：

javascript
function getIPUsingThirdParty() {
    fetch('https://api.ipify.org?format=json')
        .then(response => response.json())
        .then(data => {
            console.log('Your public IP address is:', data.ip);
        })
        .catch(error => console.error('Error fetching IP:', error));
}</p>

<p>getIPUsingThirdParty();

此代码使用fetch API向ipify服务发起请求，并解析返回的JSON数据以获取IP地址。需要注意的是，这种方式只能获取公网IP，而非局域网内的私有IP。

2. 利用WebRTC技术

WebRTC（Web Real-Time Communication）是一种支持网页浏览器进行实时音视频通讯的技术，也可以用来获取本地IP地址。以下是一个示例代码：

javascript
function getLocalIPUsingWebRTC() {
    const ipRegex = /([0-9]{1,3}(.[0-9]{1,3}){3}|[a-f0-9]{1,4}(:[a-f0-9]{1,4})+)/gi;
    const ips = [];</p>

<pre><code>const RTCPeerConnection = window.RTCPeerConnection || window.mozRTCPeerConnection || window.webkitRTCPeerConnection;
const pc = new RTCPeerConnection({ iceServers: [] });

function handleCandidate(event) {
    if (event.candidate) {
        let ipMatch = event.candidate.candidate.match(ipRegex);
        if (ipMatch) {
            ipMatch.forEach(ip => {
                if (!ips.includes(ip)) {
                    ips.push(ip);
                }
            });
        }
    } else {
        console.log('Local IPs:', ips);
        pc.removeEventListener('icecandidate', handleCandidate);
    }
}

pc.addEventListener('icecandidate', handleCandidate);

pc.createDataChannel('');

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

}

getLocalIPUsingWebRTC();

该代码通过创建一个RTCPeerConnection对象并监听其icecandidate事件来捕获本地IP地址。这种方法可以获取到局域网内的私有IP。