js获取客户端ip

• js获取客户端ip
• • 方法一：第三方接口
  • 方法二：利用WebRTC(Chrome/Firefox)
  • 方法三：求助后台大佬

js获取客户端ip

最近需要个需求，需要实现上次登录用户的IP及登录时间，如果两次登录ip不同，前端给出提示。服务端可以通过HttpServletRequest获取，前端如何获取当前客户端ip呢？

方法一：第三方接口

$.getJSON('//freegeoip.net/json/?callback=?', function(data) { 
  console.log(JSON.stringify(data, null, 2));
})

这种方法很简单，就是在有外网的情况下访问类似的第三方接口，获取返回结果中的ip。但是有网络限制、信息泄露等隐患。

方法二：利用WebRTC(Chrome/Firefox)

//创建RTCPeerConnection接口
let conn = new RTCPeerConnection({ 
  iceServers: []
}) 
let noop = function(){ }
conn.onicecandidate = function(ice){ 
  if (ice.candidate){ 
    //使用正则获取ip
    let ip_regex = /([0-9]{1,3}(\.[0-9]{1,3}){3}|[a-f0-9]{1,4}(:[a-f0-9]{1,4}){7})/
    let ip_addr = ip_regex.exec(ice.candidate.candidate)[1];
    console.log(ip_addr)
    conn.onicecandidate = noop
  }
}

该方法在网上很多帖子里出现，但是浏览器兼容性很差，基本无效~

方法三：求助后台大佬

服务端获取ip比较容易，求助大佬在返回上次登录ip的同时返回本次请求ip~