13

How can I get the local client IP using WebRTC.

I don't need the REMOTE_ADDR of the client but his local network IP. I've seen this before on websites like sharedrop.com, it recognizes computer within the same network using WebRTC.

In PHP I do this to get the clients remote IP:

<?php
  echo $_SERVER["REMOTE_ADDR"]; // which would return 72.72.72.175
?>

I looked through stackoverflow but every question is answered using the remote addr.

How can I get my local IP (192.168.1.24 for example) with JavaScript instead of the remote addr.

posixpascal
  • 3,031
  • 3
  • 25
  • 44

2 Answers2

23

UPDATE

Unfortunately the below answer no longer works as browsers have changed this behavior due to security concerns. See this StackOverflow Q&A for more details.


where I took code from --> Source

You can find a demo at --> Demo

I have modified the source code, reduced the lines, not making any stun requests since you only want Local IP not the Public IP, the below code works in latest Firefox and Chrome:

    window.RTCPeerConnection = window.RTCPeerConnection || window.mozRTCPeerConnection || window.webkitRTCPeerConnection;   //compatibility for firefox and chrome
    var pc = new RTCPeerConnection({iceServers:[]}), noop = function(){};      
    pc.createDataChannel("");    //create a bogus data channel
    pc.createOffer(pc.setLocalDescription.bind(pc), noop);    // create offer and set local description
    pc.onicecandidate = function(ice){  //listen for candidate events
        if(!ice || !ice.candidate || !ice.candidate.candidate)  return;
        var myIP = /([0-9]{1,3}(\.[0-9]{1,3}){3}|[a-f0-9]{1,4}(:[a-f0-9]{1,4}){7})/.exec(ice.candidate.candidate)[1];
        console.log('my IP: ', myIP);   
        pc.onicecandidate = noop;
    };
    

what is happening here is, we are creating a dummy peer connection, and for the remote peer to contact us, we generally exchange ice candidates with each other. And reading the ice candiates we can tell the ip of the user.

Martin Devillers
  • 17,293
  • 5
  • 46
  • 88
mido
  • 24,198
  • 15
  • 92
  • 117
2

You can use this version on modern browser (with Promises and async / await)

// minified onliner, 219b
const ip = await new Promise((s,f,c=new RTCPeerConnection(),k='candidate')=>(c.createDataChannel(''),c.createOffer(o=>c.setLocalDescription(o),f),c.onicecandidate=i=>i&&i[k]&&i[k][k]&&c.close(s(i[k][k].split(' ')[4]))))

Or, un-minified:

// cleaned, 363b
const ip = await new Promise((resolve, reject) => {
  const conn = new RTCPeerConnection()
  conn.createDataChannel('')
  conn.createOffer(offer => conn.setLocalDescription(offer), reject)
  conn.onicecandidate = ice => {
    if (ice && ice.candidate && ice.candidate.candidate) {
      resolve(ice.candidate.candidate.split(' ')[4])
      conn.close()
    }
  }
})
A. Abramov
  • 1,823
  • 17
  • 45
kigiri
  • 2,952
  • 21
  • 23
  • 2
    Chrome changed WebRTC default to mDNS and broke the intranet. https://stackoverflow.com/questions/56755747/rtcicecandidate-no-longer-returning-ip – Dominic Cerisano Nov 15 '19 at 03:38