前端 js 获取IP归属地信息

API接口

为了避免重复查找，这里记录一下接口

1. ip.sb 获取自己IP：https://api.ip.sb/ip
2. ip.sb IP归属地查询: https://api.ip.sb/geoip
3. ip-api.com 接口：http://ip-api.com/json/
4. 域名信息查询接口：https://dnslytics.com/api
5. 搜狐IP接口（默认 GBK）：http://pv.sohu.com/cityjson
6. 搜狐接口（UTF-8）: http://pv.sohu.com/cityjson?ie=utf-8

使用

1. ip.sb 以及 ip-api.com 都是返回 JSON 数据

• IP信息:

  <!-- Usage example: -->
  <script type="application/javascript">
  function getip(json){
      document.write("My IP address is: ", json.ip);
  }
  </script>
  
  <script type="application/javascript" src="https://api.ip.sb/jsonip?callback=getip"></script>
  
  <!-- Usage example (jQuery): -->
  <script type="application/javascript">
  $(document).ready(function() {
      $.getJSON("https://api.ip.sb/jsonip?callback=?",
          function(json) {
              document.write("My IP address is: ", json.ip);
          }
      );
  });
  </script>

• GeoIP 信息：

  {
      "ip": "185.255.55.55",
      "country_code": "NL",
      "country": "Netherlands",
      "continent_code": "EU",
      "latitude": 52.3824,
      "longitude": 4.8995,
      "asn": "3214",
      "organization": "xTom Limited",
      "timezone": "Europe/Amsterdam",
  }

2. 搜狐的那个相当于在 js 中声明变量，也就是说不能直接在其他语言里面用，而且查询到的信息有限。

<script type="text/javascript" src="http://pv.sohu.com/cityjson?ie=utf-8"></script> 
<script type="text/javascript">
    //获得设备ip
    let ip = returnCitySN.cip;
    console.log(returnCitySN.cip);
</script>

实例

本站的跳转实现

• 思路：
  1. 获取用户IP的国家代码
  2. 判断是不是中国
  3. 是，尝试访问 Cookie，若有执行对应操作，无则询问，并将结果保存并执行对应操作。不是则结束。

<script>
    function redirct(geoip) {
    let REDIRCT_KEY = "redirct";
    let redirct_sites = "iitii.malateam.cn";
    let confirm_string = "是否转到国内CDN加速站？（不保证永久可访问。选择\"是\"以后，如果需重新选择请清除浏览器 Cookies）";
    let country_code = "CN";
    if (country_code.split(" ").indexOf(geoip.country_code) >= 0) {
        let result = getCookieValueByKey(REDIRCT_KEY);
        if (result === "true") {
            window.location.href = window.location.href.replace(
                window.location.host,
                redirct_sites
            );
        } else if (result === "false") {
            return;
        } else {
            let question = confirm(confirm_string);
            //每个站点 Cookies 独享，为了避免错误地设置 Cookies
            //虽然 confirm 返回的值为 Boolean 类型，但是存入cookies中会变成字符串类型，true -> "true"
            setCookie(REDIRCT_KEY, question, 7);
            if (question) {
                window.location.href = window.location.href.replace(
                    window.location.host,
                    redirct_sites
                );
            }
        }
    }
  }
  function getCookieValueByKey(key) {
      let tmp = key + "=";
      let cookies = document.cookie.split(';');
      for (let i = 0; i < cookies.length; i++) {
          let cookie = cookies[i].trim();
          if (cookie.indexOf(tmp) == 0) {
              return cookie.substring(tmp.length);
          }
      }
      return "";
  }
  /**
  * 设置cookies
  * @param key key
  * @param value value
  * @param expireDays 过期时间
  */
  function setCookie(key, value, expireDays) {
      if (expireDays > 0 || expireDays < 0) {
          let date = new Date();
          date.setTime(
              date.getTime() + (
                  expireDays * 24 * 60 * 60 * 1000
              )
          );
          document.cookie = `${key}=${value}; expires=${date.toGMTString()}`;
      } else {
          document.cookie = `${key}=${value}`;
      }
  }
</script>
<script type="application/javascript" src="https://api.ip.sb/geoip?callback=redirct"></script>