如何在前端JavaScript代码中获取用户IP地址

Geolocation API 是 HTML5 标准的一部分,它可以通过浏览器获取用户的地理位置信息,包括经纬度和IP地址。要使用这个 API,需要先获得用户的许可。以下是一个示例代码:

navigator.geolocation.getCurrentPosition(
  function(position) {
    console.log('Latitude: ' + position.coords.latitude);
    console.log('Longitude: ' + position.coords.longitude);
    console.log('IP Address: ' + position.coords.ipAddress);
  },
  function(error) {
    console.log('Error getting location: ' + error.message);
  }
);

还有一些第三方 API 服务可以帮助我们获取用户的 IP 地址,比如 IPify 和 ipstack。这些服务通常提供免费的 API 调用,并返回用户的 IP 地址和其他地理位置信息。以下是一个使用 IPify 的示例代码:

fetch('https://api.ipify.org?format=json')
  .then(response => response.json())
  .then(data => {
    console.log('IP Address: ' + data.ip);
  })
  .catch(error => {
    console.error('Error getting IP address: ', error);
  });

无论使用哪种方法,获取用户的 IP 地址都需要遵循用户隐私保护的相关法律法规,确保用户的隐私权得到保护。