Question

如何使用 WebRTC 获取本地客户端IP。

我不需要客户端的REMOTE_ADDR，而是他的本地网络IP。我之前在sharedrop.com这样的网站上看过这个问题，它使用WebRTC识别同一网络中的计算机。

在PHP中我这样做是为了让客户端远程IP：

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

我查看了stackoverflow，但每个问题都是使用远程地址解决的。

如何使用JavaScript而不是远程地址获取本地IP（例如192.168.1.24）。

Answer 1

我从中获取代码 - ＆gt; Source

您可以在 - ＆gt;找到演示。 Demo

我修改了源代码，减少了行数，没有发出任何眩晕请求，因为你只想要本地IP而不是公共IP，下面的代码适用于最新的Firefox和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;
    };

这里发生的是，我们正在创建一个虚拟对等连接，并且为了让远程对等方联系我们，我们通常会互相交换冰候选人。阅读冰糖，我们可以告诉用户的IP。

Answer 2

您可以在现代浏览器中使用此版本（Promises和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]))))

// 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(i.candidate.candidate.split(' ')[4])
      conn.close()
    }
  }
})

如何使用JavaScript获取本地/内部IP

2 个答案: