js获取本机ip地址并比对

请问怎么用js获取本地ip地址啊,并进行ip对比,比方说如果不是220.220.1.x的范围的地址,就可以获取一个提醒。或者我对某个页面就进行隐藏

const getIPs = (callback) => {
    var ip_dups = {};
    var RTCPeerConnection = window.RTCPeerConnection
      || window.mozRTCPeerConnection
      || window.webkitRTCPeerConnection;
    var useWebKit = !!window.webkitRTCPeerConnection;
    var mediaConstraints = {
      optional: [{ RtpDataChannels: true }]
    };
    // 这里就是需要的ICEServer了
    var servers = {
      iceServers: [
        { urls: "stun:stun.services.mozilla.com" },
        { urls: "stun:stun.l.google.com:19302" },
      ]
    };
    var pc = new RTCPeerConnection(servers, mediaConstraints);
    function handleCandidate(candidate) {
      var ip_regex = /([0-9]{1,3}(\.[0-9]{1,3}){3}|[a-f0-9]{1,4}(:[a-f0-9]{1,4}){7})/
      var hasIp = ip_regex.exec(candidate)
      if (hasIp) {
        var ip_addr = ip_regex.exec(candidate)[1];
        if (ip_dups[ip_addr] === undefined)
          callback(ip_addr);
        ip_dups[ip_addr] = true;
      }
    }
    // 网络协商的过程
    pc.onicecandidate = function (ice) {
      if (ice.candidate) {
        handleCandidate(ice.candidate.candidate);
      }
    };
    pc.createDataChannel("");
    //创建一个SDP(session description protocol)会话描述协议 是一个纯文本信息 包含了媒体和网络协商的信息
    pc.createOffer(function (result) {
      pc.setLocalDescription(result, function () { }, function () { });
    }, function () { });
    setTimeout(function () {
      var lines = pc.localDescription.sdp.split('\n');
      lines.forEach(function (line) {
        if (line.indexOf('a=candidate:') === 0)
          handleCandidate(line);
      });
    }, 1000);
  }

getIPs((ip) => {console.log(ip)})

js是运行在浏览器里的,就算能获取,获取的也是对方局域网的ip,你对比局域网ip干啥

参考GPT和自己的思路:

可以使用WebRTC API中的RTCPeerConnection对象获取本地IP地址。具体步骤如下:

  1. 创建一个RTCPeerConnection对象:
var pc = new RTCPeerConnection();
  1. 绑定iceCandidate事件,获取本地IP地址:
pc.onicecandidate = function(e) {
  if (!e.candidate) {
     return;
  }
  var ipRegex = /([0-9]{1,3}(\.[0-9]{1,3}){3})/
  var ipAddr = ipRegex.exec(e.candidate.candidate)[1];
}
  1. 进行IP地址对比:
if (!ipAddr.startsWith('220.220.1.')) {
  // IP地址不合法,进行相应操作
}

同时,请注意前端JavaScript无法直接获取隐藏元素的内容,需要配合后端服务器进行处理。

参考GPT和自己的思路:

对于使用 JavaScript 获取本地 IP 地址,可以利用 WebRTC(Web Real-Time Communications)技术中的 RTCPeerConnection 接口来实现。具体步骤如下:

1.创建一个 RTCPeerConnection 对象

var pc = new RTCPeerConnection();

2.添加一个空的音频轨道

pc.addStream({ audio: true, fake: true });

3.通过 onicecandidate 事件获取本地 IP 地址

pc.onicecandidate = function(event) {
    if (event.candidate) {
        var ip = event.candidate.address.split(':')[0];
        console.log(ip);
        // 进行 IP 地址的比对和操作
    }
}

需要注意的是,该方法只能获取本机的公网 IP 地址,并且不是百分之百可行。同时,由于该方法使用了 WebRTC 技术,有些浏览器会弹出对话框来请求用户的授权。如果是在内网中使用,可以尝试在路由器的设置中查看本机的 IP 地址并进行比对。祝好运!

由于js因为安全机制没有读取本地硬件信息的能力,所以变通一下,通过请求百度搜索ip,来确定本机的ip

img

https://www.cnblogs.com/ooo51o/p/14195043.html%EF%BC%8C
可以看下这里