12

Como puedo obtener la IP real del cliente tanto por Javascript si fuera posible.

Esto quiere decir que haya conexión directa, o por medio de un proxy, o router o lo que fuere, siempre me identifique la IP real del computador cliente.

Implemente este código en javascript. Pero solo funciona en algunos casos, y es que no tenga proxy, por lo que en lo personal no me sirve, por que apunta al proxy y no a la IP de mi maquina.

Codigo:

<!DOCTYPE html>
<html>
  <head>
    <title>IP real</title>
  </head>
  <body>
     Mi IP es: <strong id="ipId"></strong>

    <script type="text/javascript">
        function get_ip(obj){
            document.getElementById('ipId').innerHTML = obj.ip;
        }
    </script>
    <script type="text/javascript" src="https://api.ipify.org/?format=jsonp&callback=get_ip"></script>
  </body>
</html>

4
  • 2
    José, te digo lo siguiente con el debido respeto: no agregues "agradezco su interés, gracias, etc" = no son necesarias en las preguntas y respuestas. En cuanto a tu pregunta; hay varias respuestas en la red, ¿ya habías consultado alguna de estas opciones? el 3 may. 2017 a las 21:14
  • Suponiendo que haya conexión directa entre uno y otro, ¿ no ? porque si hay mas cosas intermedias (routers, proxys) ... la cosa cambia bastante.
    – Trauma
    el 3 may. 2017 a las 21:26
  • 1
    ¿Podrías enfocar tu pregunta en un solo lenguaje? La idea es hacer una sola pregunta por publicación
    – Mariano
    el 3 may. 2017 a las 21:44
  • 6
    He votado para que la pregunta se deje abierta. Es una pregunta interesante y útil. Yo mismo hace un tiempo me pasé investigando sobre esto porque necesitaba registrar los usos de una aplicación Android. Estoy compartiendo el código aquí porque es algo que puede ser de utilidad. Este tipo de preguntas no deben ser cerradas.
    – A. Cedano
    el 3 may. 2017 a las 21:49

7 respuestas 7

6

Mediante JS, una opción sería usar la API de un Servicio web , por ejemplo Freegeoip , la cuál acepta tres formatos de respuesta JSON XML CSV , la URL se especifica de la siguiente forma.

freegeoip.net/{format}/{IP_or_hostname}

$.getJSON('//freegeoip.net/json/?callback=?', function(data) {
  console.log(data);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Existen más alternativas , algunas se encuentran especificadas en esta Respuesta

3
  • Agradezco la respuesta, sin embargo la verdad que no me funcionó. Me dice una ip no real de este computador por que estoy a través de un proxy, y ademas me indica que estoy en argentina, y estoy en santiago de chile el 4 may. 2017 a las 11:11
  • José Miguel a mi me funcionó correctamente, si no para usted, puede buscar otras opciones en el enlace de SO.
    – Dev. Joel
    el 4 may. 2017 a las 14:23
  • 1
    Entiendo que te haya funcionado, pero por ello indique que necesitaba que pudiera pasar el proxy y no quedarse con esa ip, sino con la del computador en si. De todas formas agradezco tu respuesta el 4 may. 2017 a las 14:53
2

Mira en esta pregunta https://stackoverflow.com/questions/391979/how-to-get-clients-ip-address-using-javascript-only. Una de las respuestas recomienda usar WebRTC. Chrome en iOS, Internet Explorer y Safari no han implementado WebRTC todavía.

WebRTC tiene un fallo que hace que uno pueda obtener el IP de un usuario aunque esté usando un VPN (virtual private network). O sea, que este fallo puede ser corregido algún día y una vez corregido este método ya no funcionará. También es posible desactivar el WebRTC en Firefox o sea que no podrás obtener el IP de esos usuarios. Aquí puedes probar tu navegador https://privacytoolsio.github.io/privacytools.io/webrtc.html

El código simplificado en esa respuesta que solo te da un IP es:

var findIP = new Promise(r=>{var w=window,a=new (w.RTCPeerConnection||w.mozRTCPeerConnection||w.webkitRTCPeerConnection)({iceServers:[]}),b=()=>{};a.createDataChannel("");a.createOffer(c=>a.setLocalDescription(c,b,b),b);a.onicecandidate=c=>{try{c.candidate.candidate.match(/([0-9]{1,3}(\.[0-9]{1,3}){3}|[a-f0-9]{1,4}(:[a-f0-9]{1,4}){7})/g).forEach(r)}catch(e){}}})

/*Ejemplo de uso*/
findIP.then(ip => document.write('Tu IP: ', ip)).catch(e => console.error(e))

El código que te puede dar varios IP del usuario dependiendo de su red es:

function findIP(onNewIP) { //  onNewIp - your listener function for new IPs
  var myPeerConnection = window.RTCPeerConnection || window.mozRTCPeerConnection || window.webkitRTCPeerConnection; //compatibility for firefox and chrome
  var pc = new myPeerConnection({iceServers: []}),
    noop = function() {},
    localIPs = {},
    ipRegex = /([0-9]{1,3}(\.[0-9]{1,3}){3}|[a-f0-9]{1,4}(:[a-f0-9]{1,4}){7})/g,
    key;

  function ipIterate(ip) {
    if (!localIPs[ip]) onNewIP(ip);
    localIPs[ip] = true;
  }
  pc.createDataChannel(""); //create a bogus data channel
  pc.createOffer(function(sdp) {
    sdp.sdp.split('\n').forEach(function(line) {
      if (line.indexOf('candidate') < 0) return;
      line.match(ipRegex).forEach(ipIterate);
    });
    pc.setLocalDescription(sdp, noop, noop);
  }, noop); // create offer and set local description
  pc.onicecandidate = function(ice) { //listen for candidate events
    if (!ice || !ice.candidate || !ice.candidate.candidate || !ice.candidate.candidate.match(ipRegex)) return;
    ice.candidate.candidate.match(ipRegex).forEach(ipIterate);
  };
}



var ul = document.createElement('ul');
ul.textContent = 'Your IPs are: '
document.body.appendChild(ul);

function addIP(ip) {
  console.log('got ip: ', ip);
  var li = document.createElement('li');
  li.textContent = ip;
  ul.appendChild(li);
}

findIP(addIP);

El código original es de https://github.com/diafygi/webrtc-ips

1

Lo que esto hace Chrome y Mozilla han equipado la API WebRTC elaborada por la World Wide Web que aprueba ejecutar solicitudes a servidores STUN este protocolo permite a clientes NAT o de usuarios conseguir las direcciones IP públicas y locales. Estos resultados de solicitud están disponibles para JavaScript, con esto ahora se logra conseguir las direcciones IP públicas y locales de los usuarios en JavaScript. Esta demo es un ejemplo de implementación de eso. Espero te sirva

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
   
    <h4>Tu dirección de IP lOCAL:</h4>
    <ul></ul>
    <h4>Tu dirección de IP Publica:</h4>
    <ul></ul>
    <h4>Tu dirección IPv6:</h4>
    <ul></ul>
    <iframe id="iframe" sandbox="allow-same-origin" style="display: none"></iframe>
    <script>
        //get the IP addresses associated with an account
        function getIPs(callback){
            var ip_dups = {};

            //compatibility for firefox and chrome
            var RTCPeerConnection = window.RTCPeerConnection
                || window.mozRTCPeerConnection
                || window.webkitRTCPeerConnection;
            var useWebKit = !!window.webkitRTCPeerConnection;

            //bypass naive webrtc blocking using an iframe
            if(!RTCPeerConnection){
                //NOTE: you need to have an iframe in the page right above the script tag
                //
                //<iframe id="iframe" sandbox="allow-same-origin" style="display: none"></iframe>
                //<script>...getIPs called in here...
                //
                var win = iframe.contentWindow;
                RTCPeerConnection = win.RTCPeerConnection
                    || win.mozRTCPeerConnection
                    || win.webkitRTCPeerConnection;
                useWebKit = !!win.webkitRTCPeerConnection;
            }

            //minimal requirements for data connection
            var mediaConstraints = {
                optional: [{RtpDataChannels: true}]
            };

            var servers = {iceServers: [{urls: "stun:stun.services.mozilla.com"}]};

            //construct a new RTCPeerConnection
            var pc = new RTCPeerConnection(servers, mediaConstraints);

            function handleCandidate(candidate){
                //match just the IP address
                var ip_regex = /([0-9]{1,3}(\.[0-9]{1,3}){3}|[a-f0-9]{1,4}(:[a-f0-9]{1,4}){7})/
                var ip_addr = ip_regex.exec(candidate)[1];

                //remove duplicates
                if(ip_dups[ip_addr] === undefined)
                    callback(ip_addr);

                ip_dups[ip_addr] = true;
            }

            //listen for candidate events
            pc.onicecandidate = function(ice){

                //skip non-candidate events
                if(ice.candidate)
                    handleCandidate(ice.candidate.candidate);
            };

            //create a bogus data channel
            pc.createDataChannel("");

            //create an offer sdp
            pc.createOffer(function(result){

                //trigger the stun server request
                pc.setLocalDescription(result, function(){}, function(){});

            }, function(){});

            //wait for a while to let everything done
            setTimeout(function(){
                //read candidate info from local description
                var lines = pc.localDescription.sdp.split('\n');

                lines.forEach(function(line){
                    if(line.indexOf('a=candidate:') === 0)
                        handleCandidate(line);
                });
            }, 1000);
        }

        //insert IP addresses into the page
        getIPs(function(ip){
            var li = document.createElement("li");
            li.textContent = ip;

            //local IPs
            if (ip.match(/^(192\.168\.|169\.254\.|10\.|172\.(1[6-9]|2\d|3[01]))/))
                document.getElementsByTagName("ul")[0].appendChild(li);

            //IPv6 addresses
            else if (ip.match(/^[a-f0-9]{1,4}(:[a-f0-9]{1,4}){7}$/))
                document.getElementsByTagName("ul")[2].appendChild(li);

            //assume the rest are public IPs
            else
                document.getElementsByTagName("ul")[1].appendChild(li);
        });
    </script>
</body>
</html>

2
  • 1
    No es solo el código sino explicarlo
    – user75901
    el 25 ene. 2019 a las 21:20
  • 1
    Añádelo ahorita y no después, dale editar y agrégalo o podrían votarte negativo
    – user75901
    el 25 ene. 2019 a las 21:23
0

Esta es la mejor respuesta que he encontrado en stackoverflow (Inglés) tanto en Javascript como jQuery en entorno seguro https usando una API gratuita externa:

Obtener IP de cliente en JAVASCRIPT:

<script type="application/javascript">
  function getIP(json) {
    document.write("My public IP address is: ", json.ip);
  }
</script>

<script type="application/javascript" src="https://api.ipify.org?format=jsonp&callback=getIP"></script>

Obtener IP de cliente en jQUERY:

$.getJSON('https://api.ipify.org?format=json', function(data){
    console.log(data.ip);
});

No he probado Javascript pero en Jquery va perfecto. Prueba si te coje bien tu IP tan solo escribiendo esto en un tu navegador: https://api.ipify.org?format=jsonp&callback=getIP

FUENTE: https://ourcodeworld.com/articles/read/257/how-to-get-the-client-ip-address-with-javascript-only

0

Try this

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
$.getJSON("http://ip-api.com/json/?callback=?", function (data) {
    console.log(data);
    $('#IP_Address').append("Your IP: " + data.query);
    $('#Country').append("Your Country: " + data.country);
    $('#City').append("Your City: " + data.city);
});
</script>
</head>
<body>

<div id="IP_Address"></div>
<div id="Country"></div>
<div id="City"></div>
</body>
</html>

1
-1

puedes hacerlo con la variable $_SERVER[], en este caso $_SERVER["REMOTE_ADDR"], ejemplo

<html>
 <head>
 <title>Current IP Check</title>
 </head>
 <body>
  Current IP Address: <?php  echo $_SERVER['REMOTE_ADDR']; ?>
 </body>
</html>

2
  • No lo he probado, pero da la IP del servidor o del cliente?, sospecho que da la IP del servidor por el 'REMOTE_ADDR' el 16 mar. 2018 a las 23:01
  • 1
    Estimado @JorgeLuisAlcantara el código que publique se ejecuta en el servidor (y no en explorador web) por lo que $_SERVER['REMOTE_ADDR'] hace referencia a la dirección remota pero del cliente.
    – fwBasic
    el 17 mar. 2018 a las 20:20
-3

Imprime la variable de PHP

echo '<pre>';print_r($SERVER);exit;

y ahí puedes seleccionar el IP SERVER['HTTP_CLIENT_IP']

2
  • Por qué? Siempre recuerda argumentar la respuesta
    – user75901
    el 25 ene. 2019 a las 21:24
  • eso no es ni javascript ni JQuery como quería el usuario el 25 ene. 2019 a las 21:59

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.