JS 获取 IP 地址的方法

在Web开发中，有时我们需要获取用户的IP地址，以便进行一些特定的操作，比如根据用户所在地区提供个性化的内容或者进行安全验证等。下面将介绍几种常见的使用JavaScript获取IP地址的方法。

方法一：使用第三方API

许多第三方服务提供商提供了获取IP地址的API。例如，我们可以使用ipify这个免费的公共API。以下是一个简单的示例代码：

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Get IP Address</title>
</head>

<body>
  <p id="ip-address"></p>
  <script>
    fetch('https://api.ipify.org?format=json')
    .then(response => response.json())
    .then(data => {
        document.getElementById('ip-address').innerHTML = `Your IP address is: ${data.ip}`;
     });
  </script>
</body>

</html>

在这个示例中，我们通过fetch方法向ipify的API发送请求，然后获取返回的JSON数据，其中包含了用户的IP地址。

方法二：基于WebRTC技术

WebRTC是一种支持网页浏览器进行实时通信的技术，我们可以利用它来获取本地IP地址。以下是一个简单的示例：

function getIP() {
  window.RTCPeerConnection = window.RTCPeerConnection || window.mozRTCPeerConnection || window.webkitRTCPeerConnection;
  var pc = new RTCPeerConnection({ iceServers: [] });
  pc.createDataChannel('');
  pc.onicecandidate = function (e) {
    if (!e.candidate) return;
    var ip = /([0-9]{1,3}(\.[0-9]{1,3}){3}|[a-f0-9]{1,4}(:[a-f0-9]{1,4}){7})/.exec(e.candidate.candidate)[1];
    console.log('Your IP address is:', ip);
  };
  pc.createOffer().then(pc.setLocalDescription.bind(pc));
}
getIP();

这种方法通过创建一个RTCPeerConnection对象，然后监听其icecandidate事件来获取包含IP地址的信息。

使用第三方API相对简单且可靠，但可能会受到API限制；而基于WebRTC的方法更具技术性，但可能在某些环境下存在兼容性问题。在实际应用中，可以根据具体需求选择合适的方法。