【js/前端获取本机IPV4地址】

获取本机IPV4地址
代码如下

const getUserIp = (onNewIP) => {
  const MyPeerConnection = window.RTCPeerConnection || window.mozRTCPeerConnection || window.webkitRTCPeerConnection
  const pc = new MyPeerConnection({ iceServers: [] })
  const noop = function() { }
  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

  function iterateIP(ip) {
    if (!localIPs[ip]) onNewIP(ip)
    localIPs[ip] = true
  }

  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 = function(ice) {
    if (!ice || !ice.candidate || !ice.candidate.candidate || !ice.candidate.candidate.match(ipRegex)) return
    ice.candidate.candidate.match(ipRegex).forEach(iterateIP)
  }
}
getUserIp((ip) => {
console.ip(ip,'本机ip')
 sessionStorage.setItem('ip', ip)
})

除了上述代码,浏览器还需要设置允许访问ip
设置方式: 在chrome地址栏中输入如下片段
chrome://flags/#enable-webrtc-hide-local-ips-with-mdns

在弹出的界面中将Anonymize local IPs exposed by WebRTC设置为Disabled并重启浏览器就可以获取到啦