js获取IP地址的方法|极客笔记

js获取IP地址的方法

在Web开发中，有时候我们需要获取用户的IP地址来进行一些相应的操作，比如限制访问、统计访问量等。本文将介绍如何使用JavaScript来获取用户的IP地址。

方法一：使用第三方服务

一种简单的方法是通过使用第三方服务来获取IP地址。下面我们以httpbin和ipify两个公共API为例来获取用户的IP地址。

1. 使用httpbin获取IP地址

httpbin是一个测试HTTP请求的服务，其中有一个接口可以获取用户的IP地址。我们可以通过发送HTTP请求来获取IP地址，具体代码如下：

fetch('https://httpbin.org/ip')
  .then(response => response.json())
  .then(data => {
    console.log(data.origin);
  })
  .catch(err => console.error(err));

运行上述代码，控制台会打印出用户的IP地址。

2. 使用ipify获取IP地址

ipify是另一个免费的IP地址获取服务。我们可以通过发送HTTP请求来获取IP地址，具体代码如下：

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

运行上述代码，控制台会打印出用户的IP地址。

方法二：使用WebRTC

WebRTC是一种支持网页浏览器之间进行实时通信的技术，其中包含了获取用户IP地址的功能。我们可以通过调用RTCpeerConnection对象的getStats方法来获取IP地址。

具体代码如下：

let pc = new RTCPeerConnection();
pc.createDataChannel('');
pc.createOffer().then(pc.setLocalDescription.bind(pc));

pc.onicecandidate = event => {
  if (event.candidate) {
    let ipRegex = /candidate:\s[0-9]+\s[0-9]+\s\w+\s[0-9]+\.[0-9]+\.[0-9]+\.[0-9]+\s[0-9]+\s[a-zA-Z]+\s[0-9\-]+\s[0-9\-\s]+/g;
    let match = ipRegex.exec(event.candidate.candidate);
    console.log(match[0].split(' ')[4]);
  }
};

运行上述代码，控制台会打印出用户的IP地址。

方法三：使用服务器端获取

最常见的方法是通过服务器端来获取用户的IP地址，然后将IP地址传递给前端。具体步骤如下：

1. 在服务器端获取IP地址

在服务器端，我们可以获取用户的IP地址，并将IP地址传递给前端。具体代码如下（以Node.js为例）：

const express = require('express');
const app = express();

app.use((req, res, next) => {
  const ip = req.headers['x-forwarded-for'] || req.connection.remoteAddress;
  res.json({ ip });
});

app.listen(3000, () => {
  console.log('Server is running on port 3000');
});

2. 前端发送请求获取IP地址

在前端，我们可以通过发送HTTP请求来获取服务器传递的IP地址。具体代码如下：

fetch('http://localhost:3000')
  .then(response => response.json())
  .then(data => {
    console.log(data.ip);
  })
  .catch(err => console.error(err));

运行上述代码，控制台会打印出用户的IP地址。