js获取客户端外网ip的简单实例

获取客户端外网IP的简单实例攻略

要获取客户端的外网IP地址，可以使用JavaScript来实现。下面是一个简单的实例攻略，包含了两个示例说明。

示例一：使用第三方API获取外网IP

1. 首先，在HTML文件中添加一个用于显示IP地址的元素，例如一个<div>元素：

<div id=\"ipAddress\"></div>

1. 在JavaScript中，使用XMLHttpRequest对象发送一个GET请求到一个提供外网IP的第三方API。以下是一个使用ipify API的示例：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://api.ipify.org?format=json', true);
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var response = JSON.parse(xhr.responseText);
    var ipAddress = response.ip;
    document.getElementById('ipAddress').textContent = 'Your IP address is: ' + ipAddress;
  }
};
xhr.send();

1. 运行代码，你将在页面上看到类似以下内容的输出：

Your IP address is: 123.456.789.123

这个示例中，我们使用了ipify API来获取外网IP地址，并将其显示在页面上。

示例二：使用WebSocket获取外网IP

1. 首先，在HTML文件中添加一个用于显示IP地址的元素，例如一个<div>元素：

<div id=\"ipAddress\"></div>

1. 在JavaScript中，创建一个WebSocket连接到一个提供外网IP的服务器。以下是一个使用ipify WebSocket API的示例：

var socket = new WebSocket('wss://api.ipify.org:443');
socket.onmessage = function(event) {
  var ipAddress = event.data;
  document.getElementById('ipAddress').textContent = 'Your IP address is: ' + ipAddress;
};

1. 运行代码，你将在页面上看到类似以下内容的输出：

Your IP address is: 123.456.789.123

这个示例中，我们使用了ipify的WebSocket API来获取外网IP地址，并将其显示在页面上。

这些示例提供了两种获取客户端外网IP地址的简单方法。你可以根据自己的需求选择其中一种方法来实现。