Cómo obtener la dirección IP del cliente en JavaScript

1. Use la aplicación Ipify para obtener la dirección IP del cliente en JavaScript
2. Usa la aplicación Ipinfo para obtener la dirección IP del cliente en JavaScript
3. Usa la aplicación Abstract para obtener la dirección IP del cliente en JavaScript

Es como una huella dactilar, o como si una persona tuviera una dirección de correo electrónico para recibir correos electrónicos. Conecta tu computadora con los otros dispositivos de la red, la web y en todo el mundo.

JavaScript obtiene una dirección IP pública que pertenece a un cliente que utiliza aplicaciones de terceros. La aplicación de terceros obtiene la dirección IP del usuario y la devuelve en tres formatos: texto plano, JSON y JSONP. Hay docenas de estas aplicaciones disponibles en Internet.

En este artículo, presentaremos las tres herramientas más populares para obtener la dirección IP en JavaScript - ipify, ipinfo, y Abstract.

Use la aplicación Ipify para obtener la dirección IP del cliente en JavaScript

ipify es una aplicación de código abierto. Puedes obtener los códigos en el Repositorio GitHub. No hay ninguna limitación, incluso si estás haciendo millones de peticiones por minuto.

Ejemplo:

Por favor, instala Axios (cliente HTTP para el navegador y node.js) o incluye CDN para ello.

<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
<script>
async function getIpClient() {
  try {
    const response = await axios.get('https://api.ipify.org?format=json');
    console.log(response);
  } catch (error) {
    console.error(error);
  }
}

getIpClient();
</script>

Resultado:

data: {ip: '198.16.76.28'}

Usa la aplicación Ipinfo para obtener la dirección IP del cliente en JavaScript

La aplicación Ipinfo tiene una limitación de uso. Puede hacer 1.000 solicitudes por día de forma gratuita o registrarse en un plan gratuito para obtener 50.000 solicitudes gratuitas por mes.

Ejemplo:

async function getIpClient() {
  try {
    const response = await axios.get('https://ipinfo.io/json');
    console.log(response);
  } catch (error) {
    console.error(error);
  }
}

getIpClient();

Resultado:

{
city: "Amsterdam"
country: "NL"
ip: "198.16.76.28"
loc: "52.3740,4.8897"
org: "AS174 Cogent Communications"
postal: "1012"
readme: "https://ipinfo.io/missingauth"
region: "North Holland"
timezone: "Europe/Amsterdam"
}

Usa la aplicación Abstract para obtener la dirección IP del cliente en JavaScript

La aplicación Abstract también tiene un límite de 20.000 solicitudes gratuitas por mes. Y requiere registrarse para obtener su clave API incluso con un plan gratuito.

Ejemplo:

async function getIpClient() {
  try {
    const response = await axios.get(
        'https://ipgeolocation.abstractapi.com/v1/?api_key=<your_api_key>');
    console.log(response);
  } catch (error) {
    console.error(error);
  }
}

getIpClient();

Por favor, visite el sitio web Abstract para ver una vista previa de la salida de la función anterior.