JS获取当前ip|极客笔记

JS获取当前ip

在开发网页或应用程序时，有时候需要获取用户的IP地址以进行相关操作或记录。在前端开发中，可以通过JavaScript来获取用户的IP地址。本文将详细介绍如何使用纯 JavaScript 来获取当前用户的IP地址。

使用第三方API获取IP地址

最简单的方法是使用第三方API来获取用户的IP地址。有很多提供IP地址查询的免费API可以使用，比如ipinfo.io。通过向这些API发送HTTP请求，就可以得到用户的IP地址。

fetch('https://ipinfo.io')
  .then(response => response.json())
  .then(data => {
    console.log(data.ip);
  })
  .catch(error => {
    console.error(error);
  });

运行上述代码，将会向ipinfo.io发送HTTP请求，然后输出用户的IP地址。

使用WebRTC API获取IP地址

另一种方法是使用WebRTC API来获取用户的IP地址。WebRTC API 允许浏览器进行实时通信，包括获取本地设备信息。通过WebRTC API，我们可以获取用户的本地IP地址。

var pc = new RTCPeerConnection();
pc.createDataChannel("");
pc.createOffer()
  .then(function(offer) {
    var lines = offer.sdp.split('\n');
    var parts = lines[1].split(' ');
    for (var i = 0; i < parts.length; i++) {
      if (parts[i] && parts[i].indexOf('a=candidate:') === 0) {
        var candidate = parts[i].substring(2);
        var ipAddress = candidate.split(' ')[4];
        console.log(ipAddress);
        break;
      }
    }
  });

上面的代码会创建一个RTCPeerConnection对象，然后通过createDataChannel和createOffer方法获取本地IP地址。最终输出用户的IP地址。

使用自定义后端服务获取IP地址

如果你有自己的后端服务，也可以通过向后端发送请求来获取用户的IP地址。在后端服务中，可以通过检查HTTP请求头来获取用户的IP地址，然后将其传递给前端。

下面是一个简单的示例，后端使用Node.js来获取用户的IP地址并返回给前端：

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

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

app.listen(3000, () => {
  console.log('Server is running on http://localhost:3000');
});

可以通过访问http://localhost:3000/ip来获取用户的IP地址。