js获取ip地址方法总结_转

js获取IP地址方法总结

JavaScript是前端开发中常用的语言之一，而获取用户IP地址是开发过程中常见需求之一。本文将总结常见的JavaScript获取IP地址的方法。

方法一：利用第三方服务

利用第三方服务是最简单的一种方法。通过向某个地址发送请求，这个地址会返回用户的IP地址信息。

fetch('http://ip-api.com/json/')
  .then(response => response.json())
  .then(data => console.log(data.query));

在上面的代码中，我们使用了fetchAPI从ip-api网站获取用户的IP地址信息，其中data.query就是获取的IP地址信息。

方法二：WebSocket连接

WebSocket连接通常被用于在客户端和服务器之间实时通信，同时也可以用来获取用户的IP地址。

const connection = new WebSocket("wss://echo.websocket.org/");
connection.onopen = function () {
  connection.send("ping");
};
connection.onmessage = function (event) {
  console.log("Received data: " + event.data);
  connection.close();
};

相较于第一种方法，这种方法需要手动发送一条消息来触发服务器返回客户端的IP地址信息。WebSocket连接是实时通信的，因此相较于第一种方法，可以更快速地获取用户的IP地址信息。

方法三：利用RTCPeerConnection

RTCPeerConnection是WebRTC API之一，它主要负责在许多设备之间建立点对点的直接连接，同时也可以用来获取用户的IP地址。

const pc = new RTCPeerConnection();
pc.createDataChannel("");
pc.createOffer().then(function (offer) {
  pc.setLocalDescription(new RTCSessionDescription(offer));
}).catch(function (e) {
  console.log(e);
});
pc.onicecandidate = function (event) {
  console.log(event.candidate.candidate.match(/([0-9]{1,3}\.){3}[0-9]{1,3}/i)[0]);
  pc.close();
};

在上面的代码中，我们创建了一个名为pc的RTCPeerConnection，并通过pc.createDataChannel和pc.createOffer方法创建了一个数据通道，并生成了一份Offer SDP。最后，在pc.onicecandidate方法中，我们可以得到用户的IP地址信息。

方法四：服务器端获取

虽然本文主要讨论前端获取IP地址的方法，但是服务器端获取用户的IP地址也是一种可行的获取方式。在服务器端，我们可以通过解析用户请求中的IP地址信息来获取用户的IP地址。

app.use(function(req, res, next) {
  const ip = req.headers['x-forwarded-for'] || req.connection.remoteAddress;
  console.log(`The user's IP address is ${ip}`);
  next();
});

上面的代码是一个基于Node.js的Express框架的例子。在其中，我们使用req.headers['x-forwarded-for']或者req.connection.remoteAddress方法获取用户的IP地址。在其他的服务器端实现中可能会使用其他方法获取用户的IP地址，因此具体的实现方式需要根据不同的情况进行调整。

总的来说，获取用户IP地址的方式有很多，上面的方法只是其中的一部分，根据实际场景和需求，可以选择合适的方法来获取用户的IP地址信息。