js获取本地IP

js获取本地IP

在网页开发中，有时候我们需要获取用户的本地IP地址来实现一些特定的功能，比如根据用户的IP地址定位其所在的地理位置，或者限制用户访问某些功能等。本文将介绍如何使用JavaScript来获取用户的本地IP地址。

方法一：使用第三方服务

第一种方法是直接调用第三方服务来获取用户的IP地址。这种方法最简单，但是需要依赖第三方服务，不够稳定和安全。

fetch('https://api.ipify.org?format=json')
  .then(response => response.json())
  .then(data => {
    console.log(data.ip);
  });

运行以上代码，我们将会在控制台看到用户的IP地址。

方法二：使用WebRTC技术

WebRTC是一种专门用于实时通信的开放标准，可以用来获取用户的本地IP地址。下面是使用WebRTC技术获取本地IP地址的示例代码：

function getLocalIP() {
  return new Promise(resolve => {
    let rtcPeerConn = null;

    if (window.RTCPeerConnection) {
      rtcPeerConn = new RTCPeerConnection({iceServers: []});

      rtcPeerConn.createDataChannel("");

      rtcPeerConn.onicecandidate = function(event) {
        if (event.candidate) {
          let ipRegex = /([0-9]{1,3}(\.[0-9]{1,3}){3})/;
          let match = ipRegex.exec(event.candidate.candidate);

          resolve(match[1]);

          rtcPeerConn.onicecandidate = null;
          rtcPeerConn.close();
        }
      };

      rtcPeerConn.createOffer()
        .then(offer => rtcPeerConn.setLocalDescription(offer));
    }
  });
}

getLocalIP().then(ip => console.log(ip));

运行以上代码，我们同样可以在控制台看到用户的IP地址。

方法三：使用HTTP请求

在一些场景下，我们可以通过发送一个HTTP请求到一个可以返回用户IP地址的网站来获取用户的IP地址。下面是一个使用XMLHttpRequest发送HTTP请求来获取用户IP地址的示例代码：

function getLocalIP() {
  return new Promise(resolve => {
    const xhr = new XMLHttpRequest();

    xhr.onreadystatechange = function() {
      if (xhr.readyState === XMLHttpRequest.DONE) {
        if (xhr.status === 200) {
          const response = JSON.parse(xhr.responseText);
          resolve(response.ip);
        }
      }
    };

    xhr.open('GET', 'https://api.ipify.org?format=json', true);
    xhr.send();
  });
}

getLocalIP().then(ip => console.log(ip));

当然，你也可以使用jQuery来简化HTTP请求的发送过程：

function getLocalIP() {
  return new Promise(resolve => {
    $.get("https://api.ipify.org?format=json", function(data) {
      resolve(data.ip);
    });
  });
}

getLocalIP().then(ip => console.log(ip));

以上就是三种通过JavaScript获取用户本地IP地址的方法。每种方法都有其利弊，选择合适的方法取决于你的具体需求和场景。