js获取客户端ip

最新推荐文章于 2025-05-28 09:54:21 发布

原创最新推荐文章于 2025-05-28 09:54:21 发布 · 6k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#js #javascript #ajax #java #网络

javascript 专栏收录该内容

14 篇文章

订阅专栏

js获取客户端ip

js获取客户端ip

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
  }
}