Определение локального IP-адреса(локальной сети) пользователя используя HTML5 и JavaScript

Внимание! В начале 2020 года такие браузеры как Firefox и другие популярные десктопные браузеры прикрыли баг в WebRTC, который использовался для определения локального IP адреса пользователя. В настоящее время баг по-прежнему можно использовать в мобильных браузерах на устройствах под управлением операционный системы Android. Так же для тех кто использует Windows XP совместно с последней доступной для этого браузера версией Firefox 52 - так же можно видеть что локальный IP адрес определяется.

Тема поднималась в "Тостер" по ссылке https://toster.ru/q/132345

Определить локальный IP адрес(адрес локальной сети или локального VPN/pppoe подключения к Интернет) можно используя скрипт из листинга ниже. Определение IP адреса осуществляется браузером а не сервером! Определение происходит за счёт использования HTML5 RTCPeerConnection вызываемого через JavaScript. На чистом JavaScript я способа не знаю. На момент написания этой статьи определить IP ардес можно было в браузерах Firefox, Chrome, Opera и не возможно в Edge и Safari.

Коротко о коде в листинге ниже. Состоит из короткого HTML в котором находится span элемент с Id localIp. В этот span в результате выполнения JavaScript будет подставлен локальный IP адрес, если удастся его определить, иначе информация о ошибке. Разместите код из листинга на Вашем сайте в виде HTML документа и просто откройте. Локальный IP адрес сообщенный скриптом при открытии от сайта может отличаться при от адреса полученного в результате открытия документа с локального компьютера.

<span id="localIp">Здесь будет информация о Вашем локальном IP-адресе, а эта строчка будет заменена.</span>
<script>
// код определения локального IP-адреса пользователя из статьи с https://blog.ivru.net/?id=157
const getUserIP = (onNewIP) => {
  const myPeerConnection = window.RTCPeerConnection || window.mozRTCPeerConnection || window.webkitRTCPeerConnection;

const pc = new myPeerConnection({
    iceServers: []
  });

const noop = () => {};
  const localIPs = {};
  const ipRegex = /([0-9]{1,3}(\.[0-9]{1,3}){3}|[a-f0-9]{1,4}(:[a-f0-9]{1,4}){7})/g;

const iterateIP = (ip) => {
    if (!localIPs[ip]) onNewIP(ip);
    localIPs[ip] = true;
  };
  let key;

pc.createDataChannel('');
  pc.createOffer().then(sdp => {
    sdp.sdp.split('\n').forEach(line => {
      if (line.indexOf('candidate') < 0) return;
      line.match(ipRegex).forEach(iterateIP);
    });

pc.setLocalDescription(sdp, noop, noop);
  }).catch(reason => {
        // Обработка ошибок
  });

pc.onicecandidate = ice => {
    if (!ice || !ice.candidate || !ice.candidate.candidate || !ice.candidate.candidate.match(ipRegex)) return;
    ice.candidate.candidate.match(ipRegex).forEach(iterateIP);
  };
};

try {
  localIp;// Проверяем есть ли в HTML элемент с id localIp
  try {//Если в HTML есть элемент с id localIp
    getUserIP(ip => {// Пробуем определить локальнйы IP
      if (ip.length > 0) {// Если длина полученного IP больше 1
        localIp.innerHTML = `Ваш локальный IP: ${ip}`;
      } else {
        localIp.innerHTML = 'Ваш локальный IP не был определен.';}
	  }
    );
  } catch (err) {
    localIp.innerHTML = 'Ваш локальный IP не удалось определить в Вашем браузере.';
  }
} catch (err) {
  // Если на странице нет элемента в Id localIp - ничего не делаем
}
</script>

Комментарии