js如何获取ip-js教程-PHP中文网

js如何获取ip

煙雲

发布： 2024-10-08 18:39:31

原创

1314人浏览过

JavaScript 中获取用户 IP 地址的方法包括：使用 HTML5 的 navigator.geolocation API，返回位置对象，其中包含 IP 地址。使用第三方库，例如 get-ipipinfo 和 ip-api，通过 AJAX 请求从外部服务器获取 IP 地址。使用服务器端代理，从请求中获取 IP 地址，不受浏览器限制。使用 WebRTC API，但操作复杂，不一定始终可用。

js如何获取ip

如何在 JavaScript 中获取 IP 地址？

获取用户 IP 地址在 JavaScript 中有多种方法。最简单的方法是使用 HTML5 的 navigator.geolocation API。

使用 navigator.geolocation API

navigator.geolocation.getCurrentPosition(function(position) {
  console.log("Latitude:", position.coords.latitude);
  console.log("Longitude:", position.coords.longitude);
  console.log("IP Address:", position.coords.ip);
});

登录后复制

这个 API 会返回一个位置对象，其中包含纬度、经度和 IP 地址。然而，需要注意的是，这个 API 不会在所有浏览器中都可用，而且用户可能出于隐私原因禁用它。

使用第三方库

还有许多第三方库可以用于在 JavaScript 中获取 IP 地址，例如：

get-ip
ipinfo
ip-api

这些库使用 AJAX 请求从外部服务器获取 IP 地址。它们通常比 navigator.geolocation API 更可靠，但需要连接到外部服务。

使用服务器端代理

如果你的应用程序有服务器端，你可以使用服务器端代理从请求中获取 IP 地址。例如，在 Node.js 中：

const requestIp = require('request-ip');

app.get('/get-ip', (req, res) => {
  const ip = requestIp.getClientIp(req);
  res.json({ ip });
});

登录后复制

这种方法不受浏览器限制，但需要设置服务器端代理。

使用 WebRTC

WebRTC API 也可用于获取 IP 地址，但它并不像其他方法那么直接。它涉及使用 ICE 服务器，这是一种连接两台设备的服务器。

const webrtc = new RTCPeerConnection({ iceServers: [{ urls: "stun:stun.l.google.com:19302" }] });
webrtc.onicecandidate = (e) => {
  if (e.candidate && e.candidate.candidate.indexOf("typ relay ip") != -1) {
    const ip = e.candidate.candidate.split(" ").pop();
    console.log("IP Address:", ip);
  }
};
webrtc.createDataChannel("");

登录后复制

这种方法可以穿透 NAT，但它很复杂，而且不一定始终可用。

以上就是js如何获取ip的详细内容，更多请关注php中文网其它相关文章！