html页面 Node.js 如何获取访问者的ip 完整代码示例

在HTML页面上直接获取访问者的IP通常不是Node.js的任务，因为这发生在客户端浏览器端。然而，在Node.js服务器端，你可以通过中间件来处理来自客户端的HTTP请求并获取客户端的IP地址。以下是一个简单的Express.js应用作为例子，用于从服务器端获取客户端的IP：

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

// 获取客户端真实IP中间件
app.use((req, res, next) => {
  // 如果请求是通过代理服务器到达，可能会有多个X-Forwarded-For字段
  let clientIp = req.headers['x-forwarded-for'] || req.connection.remoteAddress;
  
  // 如果没有找到，尝试从内网环境获取真实的客户IP（仅适用于内部网络）
  if (!clientIp && os.networkInterfaces().en0) {
    const addresses = os.networkInterfaces().en0.filter(a => a.family === 'IPv4').map(a => a.address);
    clientIp = addresses.shift(); // 假设第一个地址就是外部IP
  }

  req.ip = clientIp; // 将IP添加到请求对象上
  next();
});

app.get('/', (req, res) => {
  console.log(`Client IP: ${req.ip}`);
  res.send('Welcome! Your IP address is: ' + req.ip);
});

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

在这个例子中，当用户访问根路径（'/`），服务器会打印出客户端的IP，并在响应中显示给用户。注意，这只是一个基本的示例，实际生产环境中，还需要考虑防火墙、CDN和其他可能影响真实IP的因素。

如果你需要在HTML页面中展示这个信息，你需要将这些数据传递给前端，可以使用JSONP、WebSocket或者服务器端渲染的技术，然后在前端接收到这些数据后展示出来。