Как получить IP-адрес клиента с помощью JavaScript?

Мне нужно как-то получить IP-адрес клиента с помощью JavaScript; нет кода на стороне сервера, даже SSI.

Однако я не против использования бесплатного стороннего скрипта / сервиса.

Источник

50 ответов

Я хотел бы использовать веб-сервис, который может вернуть JSON (вместе с jQuery, чтобы сделать вещи проще). Ниже приведены все бесплатные службы поиска IP и информацию, которую они возвращают. Если вы знаете что-то еще, пожалуйста, добавьте комментарий, и я обновлю этот ответ.

DB-IP

Попробуйте: http://api.db-ip.com/addrinfo?api_key=< ваш ключ API>&addr=< IP-адрес>;

Возвращает:

{
  "address": "116.12.250.1",
  "country": "SG",
  "stateprov": "Central Singapore",
  "city": "Singapore"
}

Ограничения:

  • 2500 запросов в день
  • Не поддерживает обратные вызовы JSONP
  • Требуется параметр IP-адреса
  • Требуется адрес электронной почты, чтобы получить ключ API
  • Нет SSL (https) с бесплатным планом

Geobytes

Попробуйте это: http://gd.geobytes.com/GetCityDetails

$.getJSON('http://gd.geobytes.com/GetCityDetails?callback=?', function(data) {
  console.log(JSON.stringify(data, null, 2));
});

Возвращает:

{
  "geobytesforwarderfor": "",
  "geobytesremoteip": "116.12.250.1",
  "geobytesipaddress": "116.12.250.1",
  "geobytescertainty": "99",
  "geobytesinternet": "SA",
  "geobytescountry": "Saudi Arabia",
  "geobytesregionlocationcode": "SASH",
  "geobytesregion": "Ash Sharqiyah",
  "geobytescode": "SH",
  "geobyteslocationcode": "SASHJUBA",
  "geobytescity": "Jubail",
  "geobytescityid": "13793",
  "geobytesfqcn": "Jubail, SH, Saudi Arabia",
  "geobyteslatitude": "27.004999",
  "geobyteslongitude": "49.660999",
  "geobytescapital": "Riyadh ",
  "geobytestimezone": "+03:00",
  "geobytesnationalitysingular": "Saudi Arabian ",
  "geobytespopulation": "22757092",
  "geobytesnationalityplural": "Saudis",
  "geobytesmapreference": "Middle East ",
  "geobytescurrency": "Saudi Riyal",
  "geobytescurrencycode": "SAR",
  "geobytestitle": "Saudi Arabia"
}

Ограничения:

  • 16 384 запросов в час
  • Нет SSL (https) с бесплатным планом
  • Может вернуть неправильное местоположение (я в Сингапуре, а не в Саудовской Аравии)

GeoIPLookup.io

Попробуйте это: https://json.geoiplookup.io/api

$.getJSON('https://json.geoiplookup.io/api?callback=?', function(data) {
  console.log(JSON.stringify(data, null, 2));
});

Возвращает:

{
    "ip": "116.12.250.1",
    "isp": "SGPOST",
    "org": "Singapore Post Ltd",
    "hostname": "116.12.250.1",
    "longitude": "103.807",
    "latitude": "1.29209",
    "postal_code": "",
    "city": "Singapore",
    "country_code": "SG",
    "country_name": "Singapore",
    "continent_code": "AS",
    "region": "Central Singapore",
    "district": "",
    "timezone_name": "Asia\/Singapore",
    "connection_type": "",
    "asn": "AS3758 SingNet",
    "currency_code": "SGD",
    "currency_name": "Singapore Dollar",
    "success": true
}

Ограничения:

  • неизвестный

geoPlugin

Попробуйте это: http://www.geoplugin.net/json.gp

$.getJSON('http://www.geoplugin.net/json.gp?jsoncallback=?', function(data) {
  console.log(JSON.stringify(data, null, 2));
});

Возвращает:

{
  "geoplugin_request": "116.12.250.1",
  "geoplugin_status": 200,
  "geoplugin_credit": "Some of the returned data includes GeoLite data created by MaxMind, available from <a href=\\'http://www.maxmind.com\\'>http://www.maxmind.com</a>.",
  "geoplugin_city": "Singapore",
  "geoplugin_region": "Singapore (general)",
  "geoplugin_areaCode": "0",
  "geoplugin_dmaCode": "0",
  "geoplugin_countryCode": "SG",
  "geoplugin_countryName": "Singapore",
  "geoplugin_continentCode": "AS",
  "geoplugin_latitude": "1.2931",
  "geoplugin_longitude": "103.855797",
  "geoplugin_regionCode": "00",
  "geoplugin_regionName": "Singapore (general)",
  "geoplugin_currencyCode": "SGD",
  "geoplugin_currencySymbol": "&#36;",
  "geoplugin_currencySymbol_UTF8": "$",
  "geoplugin_currencyConverter": 1.4239
}

Ограничения:

  • 120 запросов в минуту
  • Нет SSL (https) с бесплатным планом

Хакер цель

Попробуйте: https://api.hackertarget.com/geoip/?q=116.12.250.1;;

Возвращает:

IP Address: 116.12.250.1
Country: SG
State: N/A
City: Singapore
Latitude: 1.293100
Longitude: 103.855797

Ограничения:

  • 50 запросов в день
  • Не поддерживает обратные вызовы JSONP
  • Требуется параметр IP-адреса
  • Возвращает простой текст

https://ipapi.co/

Попробуйте это: https://ipapi.co/json/

$.getJSON('https://ipapi.co/json/', function(data) {
  console.log(JSON.stringify(data, null, 2));
});

Возвращает:

{
  "ip": "116.12.250.1",
  "city": "Singapore",
  "region": "Central Singapore Community Development Council",
  "country": "SG",
  "country_name": "Singapore",
  "postal": null,
  "latitude": 1.2855,
  "longitude": 103.8565,
  "timezone": "Asia/Singapore"
}

Ограничения:

  • 1000 запросов в день
  • Требуется SSL (https)

IP-API.com

Попробуйте это: http://ip-api.com/json

$.getJSON('http://ip-api.com/json?callback=?', function(data) {
  console.log(JSON.stringify(data, null, 2));
});

Возвращает:

{
  "as": "AS3758 SingNet",
  "city": "Singapore",
  "country": "Singapore",
  "countryCode": "SG",
  "isp": "SingNet Pte Ltd",
  "lat": 1.2931,
  "lon": 103.8558,
  "org": "Singapore Telecommunications",
  "query": "116.12.250.1",
  "region": "01",
  "regionName": "Central Singapore Community Development Council",
  "status": "success",
  "timezone": "Asia/Singapore",
  "zip": ""
}

Ограничения:

  • 150 запросов в минуту
  • Нет SSL (https) с бесплатным планом

https://ipdata.co/

Попробуйте это: https://api.ipdata.co/

$.getJSON('https://api.ipdata.co', function(data) {
  console.log(JSON.stringify(data, null, 2));
});

Возвращает:

{
  "ip": "116.12.250.1",
  "city": "Singapore",
  "region": "Central Singapore Community Development Council",
  "region_code": "01",
  "country_name": "Singapore",
  "country_code": "SG",
  "continent_name": "Asia",
  "continent_code": "AS",
  "latitude": 1.2931,
  "longitude": 103.8558,
  "asn": "AS3758",
  "organisation": "SingNet",
  "postal": "",
  "calling_code": "65",
  "flag": "https://ipdata.co/flags/sg.png",
  "emoji_flag": "\ud83c\uddf8\ud83c\uddec",
  "emoji_unicode": "U+1F1F8 U+1F1EC",
  "is_eu": false,
  "languages": [
    {
      "name": "English",
      "native": "English"
    },
    {
      "name": "Malay",
      "native": "Bahasa Melayu"
    },
    {
      "name": "Tamil",
      "native": "\u0ba4\u0bae\u0bbf\u0bb4\u0bcd"
    },
    {
      "name": "Chinese",
      "native": "\u4e2d\u6587"
    }
  ],
  "currency": {
    "name": "Singapore Dollar",
    "code": "SGD",
    "symbol": "S$",
    "native": "$",
    "plural": "Singapore dollars"
  },
  "time_zone": {
    "name": "Asia/Singapore",
    "abbr": "+08",
    "offset": "+0800",
    "is_dst": false,
    "current_time": "2018-05-09T12:28:49.183674+08:00"
  },
  "threat": {
    "is_tor": false,
    "is_proxy": false,
    "is_anonymous": false,
    "is_known_attacker": false,
    "is_known_abuser": false,
    "is_threat": false,
    "is_bogon": false
  }
}

Ограничения:

  • 1500 запросов в день
  • Требуется адрес электронной почты, чтобы получить ключ API
  • Требуется SSL (https)

Найти IP

Попробуйте: https://ipfind.co/me?auth=< ваш ключ API>;;

$.getJSON('https://ipfind.co/me?auth=<your_api_key>', function(data) {
  console.log(JSON.stringify(data, null, 2));
});

Возвращает:

{
  "ip_address": "116.12.250.1",
  "country": "Singapore",
  "country_code": "SG",
  "continent": "Asia",
  "continent_code": "AS",
  "city": "Singapore",
  "county": null,
  "region": "Central Singapore",
  "region_code": "01",
  "timezone": "Asia/Singapore",
  "owner": null,
  "longitude": 103.8565,
  "latitude": 1.2855,
  "currency": "SGD",
  "languages": [
    "cmn",
    "en-SG",
    "ms-SG",
    "ta-SG",
    "zh-SG"
  ]
}

Ограничения:

  • 300 запросов в день
  • Требуется регистрация, чтобы получить ключ API

https://ipgeolocation.io/

Попробуйте: https://api.ipgeolocation.io/ipgeo?apiKey=< ваш ключ API>;;

$.getJSON('https://api.ipgeolocation.io/ipgeo?apiKey=<your_api_key>', function(data) {
  console.log(JSON.stringify(data, null, 2));
});

Возвращает:

{
  "ip": "116.12.250.1",
  "continent_code": "AS",
  "continent_name": "Asia",
  "country_code2": "SG",
  "country_code3": "SGP",
  "country_name": "Singapore",
  "country_capital": "Singapore",
  "state_prov": "Central Singapore",
  "district": "",
  "city": "Singapore",
  "zipcode": "",
  "latitude": "1.29209",
  "longitude": "103.807",
  "is_eu": false,
  "calling_code": "+65",
  "country_tld": ".sg",
  "languages": "cmn,en-SG,ms-SG,ta-SG,zh-SG",
  "country_flag": "https://ipgeolocation.io/static/flags/sg_64.png",
  "isp": "SGPOST",
  "connection_type": "",
  "organization": "Singapore Post Ltd",
  "geoname_id": "1880252",
  "currency": {
    "name": "Dollar",
    "code": "SGD"
  },
  "time_zone": {
    "name": "Asia/Singapore",
    "offset": 8,
    "is_dst": false,
    "current_time": "2018-06-12 09:06:49.028+0800"
  }
}

Ограничения:

  • 50000 запросов в месяц
  • Требуется регистрация, чтобы получить ключ API

ipify

Попробуйте: https://api.ipify.org/?format=json

$.getJSON('https://api.ipify.org?format=jsonp&callback=?', function(data) {
  console.log(JSON.stringify(data, null, 2));
});

Возвращает:

{
  "ip": "116.12.250.1"
}

Ограничения:

  • Никто

IPInfoDB

Попробуйте: https://api.ipinfodb.com/v3/ip-city/?key=< ваш ключ API> & format = json

$.getJSON('https://api.ipinfodb.com/v3/ip-city/?key=<your_api_key>&format=json&callback=?', function(data) {
  console.log(JSON.stringify(data, null, 2));
});

Возвращает:

{
  "statusCode": "OK",
  "statusMessage": "",
  "ipAddress": "116.12.250.1",
  "countryCode": "SG",
  "countryName": "Singapore",
  "regionName": "Singapore",
  "cityName": "Singapore",
  "zipCode": "048941",
  "latitude": "1.28967",
  "longitude": "103.85",
  "timeZone": "+08:00"
}

Ограничения:

  • Два запроса в секунду
  • Требуется регистрация, чтобы получить ключ API

https://ipinfo.io/

Попробуйте это: https://ipinfo.io/json

$.getJSON('https://ipinfo.io/json', function(data) {
  console.log(JSON.stringify(data, null, 2));
});

Возвращает:

{
  "ip": "116.12.250.1",
  "hostname": "No Hostname",
  "city": "Singapore",
  "region": "Central Singapore Community Development Council",
  "country": "SG",
  "loc": "1.2931,103.8558",
  "org": "AS3758 SingNet"
}

Ограничения:

  • 1000 запросов в день

ipstack(ранее freegeoip.net)

Попробуйте: http://api.ipstack.com/< IP-адрес>? Access_key =<ваш ключ API>

$.getJSON('http://api.ipstack.com/<ip_address>?access_key=<your_api_key>', function(data) {
  console.log(JSON.stringify(data, null, 2));
});

Возвращает:

{
    "ip": "116.12.250.1",
    "type": "ipv4",
    "continent_code": "AS",
    "continent_name": "Asia",
    "country_code": "SG",
    "country_name": "Singapore",
    "region_code": "01",
    "region_name": "Central Singapore Community Development Council",
    "city": "Singapore",
    "zip": null,
    "latitude": 1.2931,
    "longitude": 103.8558,
    "location": {
        "geoname_id": 1880252,
        "capital": "Singapore",
        "languages": [{
            "code": "en",
            "name": "English",
            "native": "English"
        },
        {
            "code": "ms",
            "name": "Malay",
            "native": "Bahasa Melayu"
        },
        {
            "code": "ta",
            "name": "Tamil",
            "native": "\u0ba4\u0bae\u0bbf\u0bb4\u0bcd"
        },
        {
            "code": "zh",
            "name": "Chinese",
            "native": "\u4e2d\u6587"
        }],
        "country_flag": "http:\/\/assets.ipstack.com\/flags\/sg.svg",
        "country_flag_emoji": "\ud83c\uddf8\ud83c\uddec",
        "country_flag_emoji_unicode": "U+1F1F8 U+1F1EC",
        "calling_code": "65",
        "is_eu": false
    }
}

Ограничения:

  • 10000 запросов в месяц
  • Требуется параметр IP-адреса
  • Требуется регистрация, чтобы получить ключ API
  • Нет SSL (https) с бесплатным планом

http://getjsonip.com/

Попробуйте это: https://jsonip.com/

$.getJSON('https://jsonip.com/?callback=?', function(data) {
  console.log(JSON.stringify(data, null, 2));
});

Возвращает:

{
  "ip": "116.12.250.1",
  "about": "/about",
  "Pro!": "http://getjsonip.com",
  "reject-fascism": "Liberal America will prevail"
}

Ограничения:

  • Ответ включает в себя продажи и политику

JSON Test

Попробуйте это: http://ip.jsontest.com/

$.getJSON('http://ip.jsontest.com/?callback=?', function(data) {
  console.log(JSON.stringify(data, null, 2));
});

Возвращает:

{
  "ip": "116.12.250.1"
}

Ограничения:

  • Нет SSL (https)
  • Уходит много (сверх квоты), поэтому я бы не стал использовать его для производства
  • Возвращает IPv6-адрес, если у вас есть, который может быть не тем, что вы хотите

Nekudo

Попробуйте это: https://geoip.nekudo.com/api

$.getJSON('https://geoip.nekudo.com/api', function(data) {
  console.log(JSON.stringify(data, null, 2));
});

Возвращает:

{
  "city": "Singapore",
  "country": {
    "name": "Singapore",
    "code": "SG"
  },
  "location": {
    "accuracy_radius": 50,
    "latitude": 1.2855,
    "longitude": 103.8565,
    "time_zone": "Asia/Singapore"
  },
  "ip": "116.12.250.1"
}

Ограничения:

  • Заблокировано рекламодателями с помощью списка EasyPrivacy

Глупые веб-инструменты

Попробуйте это: http://www.stupidwebtools.com/api/my_ip.json

$.getJSON('http://www.stupidwebtools.com/api/my_ip.json', function(data) {
  console.log(JSON.stringify(data, null, 2));
});

Возвращает:

{
  "my_ip": {
    "ip": "116.12.250.1",
    "others": []
  }
}

Ограничения:

  • Нет SSL (https)

Имейте в виду, что, поскольку все это бесплатные услуги, ваш пробег может варьироваться в зависимости от превышения квоты и времени безотказной работы, и кто знает, когда / если они будут переведены в автономный режим в будущем (выставка A: Telize). Большинство из этих услуг также предлагают платный уровень, если вам нужны дополнительные функции, такие как поддержка SSL.

Кроме того, как отметил Скобальжик в комментариях ниже, квоты на запросы в основном носят академический характер, поскольку это происходит на стороне клиента, и большинство конечных пользователей никогда не превысят эту квоту.

ОБНОВЛЕНИЕ

Источник

Обновление: я всегда хотел сделать min/ uglified версию кода, поэтому вот код обещания ES6:

var findIP = new Promise(r=>{var w=window,a=new (w.RTCPeerConnection||w.mozRTCPeerConnection||w.webkitRTCPeerConnection)({iceServers:[]}),b=()=>{};a.createDataChannel("");a.createOffer(c=>a.setLocalDescription(c,b,b),b);a.onicecandidate=c=>{try{c.candidate.candidate.match(/([0-9]{1,3}(\.[0-9]{1,3}){3}|[a-f0-9]{1,4}(:[a-f0-9]{1,4}){7})/g).forEach(r)}catch(e){}}})

/*Usage example*/
findIP.then(ip => document.write('your ip: ', ip)).catch(e => console.error(e))

Примечание. Этот новый минимизированный код будет возвращать только один IP-адрес, если вы хотите, чтобы все IP-адреса пользователя (которые могут быть в большей степени зависят от его сети), используют оригинальный код...

Благодаря WebRTC очень легко получить локальный IP в браузерах, поддерживаемых WebRTC (по крайней мере, на данный момент). Я изменил исходный код, сократил количество строк, не делая никаких запросов на оглушение, так как вам нужен только локальный IP, а не публичный IP, приведенный ниже код работает в последних версиях Firefox и Chrome, просто запустите фрагмент кода и проверьте сами:

function findIP(onNewIP) { //  onNewIp - your listener function for new IPs
  var myPeerConnection = window.RTCPeerConnection || window.mozRTCPeerConnection || window.webkitRTCPeerConnection; //compatibility for firefox and chrome
  var pc = new myPeerConnection({iceServers: []}),
    noop = function() {},
    localIPs = {},
    ipRegex = /([0-9]{1,3}(\.[0-9]{1,3}){3}|[a-f0-9]{1,4}(:[a-f0-9]{1,4}){7})/g,
    key;

  function ipIterate(ip) {
    if (!localIPs[ip]) onNewIP(ip);
    localIPs[ip] = true;
  }
  pc.createDataChannel(""); //create a bogus data channel
  pc.createOffer(function(sdp) {
    sdp.sdp.split('\n').forEach(function(line) {
      if (line.indexOf('candidate') < 0) return;
      line.match(ipRegex).forEach(ipIterate);
    });
    pc.setLocalDescription(sdp, noop, noop);
  }, noop); // create offer and set local description
  pc.onicecandidate = function(ice) { //listen for candidate events
    if (!ice || !ice.candidate || !ice.candidate.candidate || !ice.candidate.candidate.match(ipRegex)) return;
    ice.candidate.candidate.match(ipRegex).forEach(ipIterate);
  };
}



var ul = document.createElement('ul');
ul.textContent = 'Your IPs are: '
document.body.appendChild(ul);

function addIP(ip) {
  console.log('got ip: ', ip);
  var li = document.createElement('li');
  li.textContent = ip;
  ul.appendChild(li);
}

findIP(addIP);
<h1> Demo retrieving Client IP using WebRTC </h1>

то, что здесь происходит, мы создаем фиктивное одноранговое соединение, и для того, чтобы удаленный одноранговый узел связался с нами, мы обычно обмениваемся ледовыми кандидатами друг с другом. И, читая ледовых кандидатов (из описания локального сеанса и onIceCandidateEvent), мы можем узнать IP пользователя.

откуда я взял код -> Source

Источник

Вы можете передать его через серверную часть с помощью JSONP

И в то время как поиск в Google, нашел его здесь на SO. Могу ли я выполнить поиск DNS (имя хоста по IP-адресу), используя Javascript на стороне клиента?

<script type="application/javascript">
    function getip(json){
      alert(json.ip); // alerts the ip address
    }
</script>

<script type="application/javascript" src="http://www.telize.com/jsonip?callback=getip"></script>

Примечание. API telize.com окончательно отключился с 15 ноября 2015 года.

Источник

Большинство ответов здесь "обходят" потребность в коде на стороне сервера путем... попадания на чужой сервер. Это абсолютно допустимый метод, если только вам действительно не нужно получать IP-адрес, не обращаясь к серверу.

Традиционно это было невозможно без какого-либо плагина (и даже тогда вы, вероятно, получили бы неправильный IP-адрес, если бы находились за маршрутизатором NAT), но с появлением WebRTC это действительно возможно сделать.. Если вы ориентируетесь на браузеры, которые поддерживают WebRTC (в настоящее время: Firefox, Chrome и Opera).

Пожалуйста, прочтите ответ Mido для получения подробной информации о том, как вы можете получить полезные клиентские IP-адреса с помощью WebRTC.

Источник

Смотреть не дальше

Проверьте http://www.ipify.org/

Согласно им:

  • Вы можете использовать его без ограничений (даже если вы делаете миллионы запросов в минуту).
  • ipify является полностью открытым исходным кодом (посмотрите репозиторий GitHub).

Вот рабочий пример JS (вместо того, чтобы удивляться, почему у этого ответа так мало голосов, попробуйте сами, чтобы увидеть его в действии):

<script>
function getIP(json) {
  alert("My public IP address is: " + json.ip);
}
</script>
<script src="https://api.ipify.org?format=jsonp&callback=getIP"></script>

Лень копировать / вставлять? Мне это нравится. Вот демо

Лень щелкать? :O

Примечание.Перед запуском демоверсии отключите Adblock Plus / uBlock & co. В противном случае он просто не будет работать.

Я не имею ничего общего с командой IPify. Я просто думаю, что это смехотворно круто, что кто-то предоставит такой сервис для общего блага.

Источник

Ты не можешь Вы должны спросить сервер.

Источник

Вы можете сделать ajax вызов на hostip.info или аналогичный сервис...

function myIP() {
    if (window.XMLHttpRequest) xmlhttp = new XMLHttpRequest();
    else xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

    xmlhttp.open("GET","http://api.hostip.info/get_html.php",false);
    xmlhttp.send();

    hostipInfo = xmlhttp.responseText.split("\n");

    for (i=0; hostipInfo.length >= i; i++) {
        ipAddress = hostipInfo[i].split(":");
        if ( ipAddress[0] == "IP" ) return ipAddress[1];
    }

    return false;
}

В качестве бонуса информация о геолокации возвращается в том же вызове.

Источник
Попробуй это
$.get("http://ipinfo.io", function(response) {
    alert(response.ip);
}, "jsonp");

ИЛИ ЖЕ

$(document).ready(function () {
    $.getJSON("http://jsonip.com/?callback=?", function (data) {
        console.log(data);
        alert(data.ip);
    });
});

скрипка

Источник

Для этого вы можете использовать мой сервис http://ipinfo.io/, который предоставит вам IP-адрес клиента, имя хоста, информацию о геолокации и владельца сети. Вот простой пример, который регистрирует IP:

$.get("http://ipinfo.io", function(response) {
    console.log(response.ip);
}, "jsonp");

Вот более подробный пример JSFiddle, который также выводит полную информацию об ответах, чтобы вы могли увидеть все доступные сведения: http://jsfiddle.net/zK5FN/2/

Источник

Включите этот код на своей странице: <script type="text/javascript" src="http://l2.io/ip.js"></script>

больше документов здесь

Источник

Есть два толкования этого вопроса. Большинство людей интерпретируют "IP-адрес клиента" как публичный IP-адрес, который веб-сервер видит вне локальной сети и в Интернете. В большинстве случаев это не IP-адрес клиентского компьютера.

Мне нужен был реальный IP-адрес компьютера, на котором запущен браузер, на котором размещено мое программное обеспечение JavaScript (это почти всегда локальный IP-адрес в локальной сети, находящейся за чем-то, что находится на уровне NAT).

Mido опубликовал ФАНТАСТИЧЕСКИЙ ответ выше, который, кажется, является единственным ответом, который действительно предоставил IP-адрес клиента.

Спасибо за это, Мидо!

Однако представленная функция работает асинхронно. Мне нужно на самом деле использовать IP-адрес в моем коде, и при асинхронном решении я мог бы попытаться использовать IP-адрес до того, как он будет извлечен / изучен / сохранен. Я должен был быть в состоянии дождаться результатов, прежде чем использовать их.

Вот "ожидаемая" версия функции Mido. Я надеюсь, что это помогает кому-то еще:

function findIP(onNewIP) { //  onNewIp - your listener function for new IPs
    var promise = new Promise(function (resolve, reject) {
        try {
            var myPeerConnection = window.RTCPeerConnection || window.mozRTCPeerConnection || window.webkitRTCPeerConnection; //compatibility for firefox and chrome
            var pc = new myPeerConnection({ iceServers: [] }),
                noop = function () { },
                localIPs = {},
                ipRegex = /([0-9]{1,3}(\.[0-9]{1,3}){3}|[a-f0-9]{1,4}(:[a-f0-9]{1,4}){7})/g,
                key;
            function ipIterate(ip) {
                if (!localIPs[ip]) onNewIP(ip);
                localIPs[ip] = true;
            }
            pc.createDataChannel(""); //create a bogus data channel
            pc.createOffer(function (sdp) {
                sdp.sdp.split('\n').forEach(function (line) {
                    if (line.indexOf('candidate') < 0) return;
                    line.match(ipRegex).forEach(ipIterate);
                });
                pc.setLocalDescription(sdp, noop, noop);
            }, noop); // create offer and set local description

            pc.onicecandidate = function (ice) { //listen for candidate events
                if (ice && ice.candidate && ice.candidate.candidate && ice.candidate.candidate.match(ipRegex)) {
                    ice.candidate.candidate.match(ipRegex).forEach(ipIterate);
                }
                resolve("FindIPsDone");
                return;
            };
        }
        catch (ex) {
            reject(Error(ex));
        }
    });// New Promise(...{ ... });
    return promise;
};

//This is the callback that gets run for each IP address found
function foundNewIP(ip) {
    if (typeof window.ipAddress === 'undefined')
    {
        window.ipAddress = ip;
    }
    else
    {
        window.ipAddress += " - " + ip;
    }
}

//This is How to use the Waitable findIP function, and react to the
//results arriving
var ipWaitObject = findIP(foundNewIP);        // Puts found IP(s) in window.ipAddress
ipWaitObject.then(
    function (result) {
        alert ("IP(s) Found.  Result: '" + result + "'. You can use them now: " + window.ipAddress)
    },
    function (err) {
        alert ("IP(s) NOT Found.  FAILED!  " + err)
    }
);


 

   
<h1>Demo "Waitable" Client IP Retrieval using WebRTC </h1>

Источник

Я бы сказал, что у Чада и Мальты отличный ответ. Однако они сложны. Поэтому я предлагаю этот код, который я нашел из рекламы по стране плагин

<script>
<script language="javascript" src="http://j.maxmind.com/app/geoip.js"></script>
<script language="javascript">
mmjsCountryCode = geoip_country_code();
mmjsCountryName = geoip_country_name();

</script>

Нет аякса. Просто простые JavaScript. : D

Если вы перейдете по http://j.maxmind.com/app/geoip.js, вы увидите, что он содержит

function geoip_country_code() { return 'ID'; }
function geoip_country_name() { return 'Indonesia'; }
function geoip_city()         { return 'Jakarta'; }
function geoip_region()       { return '04'; }
function geoip_region_name()  { return 'Jakarta Raya'; }
function geoip_latitude()     { return '-6.1744'; }
function geoip_longitude()    { return '106.8294'; }
function geoip_postal_code()  { return ''; }
function geoip_area_code()    { return ''; }
function geoip_metro_code()   { return ''; }

Это на самом деле еще не отвечает на вопрос, потому что

http://j.maxmind.com/app/geoip.js не содержит IP (хотя, держу пари, он использует IP для получения страны).

Но так легко сделать скрипт PhP, который выдает что-то вроде

function visitorsIP()   { return '123.123.123.123'; }

Сделай это. Положите на http://yourdomain.com/yourip.php.

Тогда делай

<script language="javascript" src="http://yourdomain.com/yourip.php"></script>

В вопросе конкретно упоминается НЕ использовать сторонний скрипт. Другого пути нет. Javascript не может знать ваш IP. Но другие серверы, к которым можно получить доступ через javascript, могут работать без проблем.

Источник

Прежде всего, фактический ответ: Невозможно использовать чисто исполняемый код на стороне клиента, чтобы узнать ваш собственный IP-адрес.

Однако вы можете просто получить GET к https://api.muctool.de/whois и получить что-то вроде получения IP-адреса клиента.

{
"ip": "88.217.152.15",
"city": "Munich",
"isp": "M-net Telekommunikations GmbH",
"country": "Germany",
"countryIso": "DE",
"postalCode": "80469",
"subdivisionIso": "BY",
"timeZone": "Europe/Berlin",
"cityGeonameId": 2867714,
"countryGeonameId": 2921044,
"subdivisionGeonameId": 2951839,
"ispId": 8767,
"latitude": 48.1299,
"longitude": 11.5732,
"fingerprint": "61c5880ee234d66bded68be14c0f44236f024cc12efb6db56e4031795f5dc4c4",
"session": "69c2c032a88fcd5e9d02d0dd6a5080e27d5aafc374a06e51a86fec101508dfd3",
"fraud": 0.024,
"tor": false
}
Источник

В целом невозможно, если вы не используете какой-либо внешний сервис.

Источник

Существует более простой и бесплатный подход, который не будет запрашивать у вашего посетителя никакого разрешения.

Он заключается в отправке очень простого запроса POST Ajax на http://freegeoip.net/json. Получив информацию о своем местоположении, в JSON вы реагируете соответствующим образом, обновляя страницу или перенаправляя на новую.

Вот как вы отправляете свой запрос на информацию о местоположении:

jQuery.ajax( { 
  url: '//freegeoip.net/json/', 
  type: 'POST', 
  dataType: 'jsonp',
  success: function(location) {
     console.log(location)
  }
} );
Источник

Ну, я отступаю от этого вопроса, но у меня была похожая потребность сегодня, и, хотя я не смог найти идентификатор клиента с помощью Javascript, я сделал следующее.

На стороне сервера: -

<div style="display:none;visibility:hidden" id="uip"><%= Request.UserHostAddress %></div>

Используя Javascript

var ip = $get("uip").innerHTML;

Я использую ASP.Net Ajax, но вы можете использовать getElementById вместо $get().

Что происходит, у меня есть скрытый элемент div на странице с IP-адресом пользователя, отображаемым с сервера. Чем в Javascript я просто загружаю это значение.

Это может быть полезно для некоторых людей с такими же требованиями, как у вас (например, я, пока я этого не понял).

Ура!

Источник

С помощью Smart-IP.net Geo-IP API. Например, используя jQuery:

$(document).ready( function() {
    $.getJSON( "http://smart-ip.net/geoip-json?callback=?",
        function(data){
            alert( data.host);
        }
    );
});
Источник

Мне действительно нравится api.ipify.org потому что он поддерживает HTTP и HTTPS.

Вот несколько примеров получения IP с помощью api.ipify.org используя jQuery.

Формат JSON через HTTPS 

https://api.ipify.org?format=json


$.getJSON("https://api.ipify.org/?format=json", function(e) {
    alert(e.ip);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

JSON формат по HTTP 

http://api.ipify.org?format=json


$.getJSON("http://api.ipify.org/?format=json", function(e) {
    alert(e.ip);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Текстовый формат по HTTPS

Если вы не хотите, чтобы это было в JSON, есть также открытый текст по HTTPS

https://api.ipify.org

Текстовый формат по HTTP

И есть также открытый текст по HTTP

http://api.ipify.org
Источник

Вы можете использовать библиотеку javascript http://userinfo.io/.

<script type="text/javascript" src="userinfo.0.0.1.min.js"></script>

UserInfo.getInfo(function(data) {
  alert(data.ip_address);
}, function(err) {
  // Do something with the error
});

Вы также можете использовать requirejs для загрузки скрипта.

Он даст вам IP-адрес вашего посетителя, а также несколько данных о его местонахождении (страна, город и т. Д.). Он основан на базе данных maxmind geoip.

Отказ от ответственности: я написал эту библиотеку

Источник

Используйте ipdata.co.

API также предоставляет данные геолокации и имеет 10 глобальных конечных точек, каждая из которых может обрабатывать>800 миллионов запросов в день!

В этом ответе используется "тестовый" API-ключ, который очень ограничен и предназначен только для тестирования нескольких вызовов. Зарегистрируйтесь для получения своего бесплатного ключа API и получите до 1500 запросов в день на разработку.

$.get("https://api.ipdata.co?api-key=test", function (response) {
    $("#response").html(response.ip);
}, "jsonp");
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<pre id="response"></pre>

Источник

Получите ваш IP с помощью jQuery

Вы можете получить свой публичный IP-адрес с одной линией JS? Существует бесплатный сервис, который предлагает это для вас, и запрос на получение - это все, что вам нужно сделать:

   $.get('http://jsonip.com/', function(r){ console.log(r.ip); });

Чтобы приведенный выше фрагмент кода работал, ваш браузер должен поддерживать CORS (обмен запросами между источниками). В противном случае возникнет исключение безопасности. В старых браузерах вы можете использовать эту версию, которая использует запрос JSON-P:

   $.getJSON('http://jsonip.com/?callback=?', function(r){ console.log(r.ip); });
Источник

Я собираюсь предложить метод, который я часто использую, когда хочу сохранить информацию на html-странице и хочу, чтобы мой javascript считывал информацию без фактической передачи параметров в javascript. Это особенно полезно, когда на ваш скрипт ссылаются извне, а не на встроенный.

Однако он не соответствует критерию "нет сценария на стороне сервера". Но если вы можете включить серверные сценарии в свой HTML, сделайте это:

Сделайте скрытые элементы метки внизу вашей HTML-страницы, чуть выше конечного тега body.

Ваш ярлык будет выглядеть так:

<label id="ip" class="hiddenlabel"><?php echo $_SERVER['REMOTE_ADDR']; ?></label>

Обязательно сделайте класс под названием hiddenlabel и установить visibility:hidden так что никто на самом деле не видит ярлык. Таким образом, вы можете хранить множество вещей в скрытых ярлыках.

Теперь, в вашем javascript, чтобы получить информацию, хранящуюся в метке (в данном случае IP-адрес клиента), вы можете сделать это:

var ip = document.getElementById("ip").innerHTML;

Теперь ваша переменная "ip" равна IP-адресу. Теперь вы можете передать IP на ваш запрос API.

* РЕДАКТИРОВАТЬ 2 ГОДА ПОЗЖЕ * Два небольших уточнения:

Я обычно использую этот метод, но вызываю метку class="data", потому что, по сути, это способ хранения данных. Название класса "hiddenlabel" является своего рода глупым именем.

Вторая модификация в таблице стилей, а не visibility:hidden:

.data{
    display:none;
}

... это лучший способ сделать это.

Источник

Попробуйте это: http://httpbin.org/ip (или https://httpbin.org/ip)

Пример с https:

$.getJSON('https://httpbin.org/ip', function(data) {
                console.log(data['origin']);
});

Источник: http://httpbin.org/

Источник

На самом деле нет надежного способа получить IP-адрес клиентского компьютера.

Это проходит через некоторые возможности. Код, который использует Java, сломается, если у пользователя будет несколько интерфейсов.

http://nanoagent.blogspot.com/2006/09/how-to-find-evaluate-remoteaddrclients.html

Если посмотреть на другие ответы здесь, кажется, что вы захотите получить публичный IP-адрес клиента, который, вероятно, является адресом маршрутизатора, который они используют для подключения к Интернету. Многие другие ответы здесь говорят об этом. Я бы порекомендовал создать и разместить свою собственную серверную страницу для получения запроса и ответа с IP-адресом, а не зависеть от чьей-либо службы, которая может продолжать работать, а может и не работать.

Источник

Javascript / JQuery получить IP-адрес и местоположение клиента (страна, город)

Вам нужно только вставить тег с ссылкой "src" на сервер. Сервер вернет "codehelper_ip" в виде объекта / JSON, и вы можете сразу его использовать.

// First, embed this script in your head or at bottom of the page.
<script language="Javascript" src="http://www.codehelper.io/api/ips/?js"></script>
// You can use it
<script language="Javascript">
    alert(codehelper_ip.IP);
    alert(codehelper_ip.Country);
</script>

Более подробная информация на сайте Javascript Detect Real IP Address Plus Country

Если вы используете jQUery, вы можете попробовать:

console.log(codehelper_ip);

Он покажет вам больше информации о возвращенном объекте.

Если вы хотите функцию обратного вызова, попробуйте это:

// First, embed this script in your head or at bottom of the page.
<script language="Javascript" src="http://www.codehelper.io/api/ips/?callback=yourcallback"></script>
// You can use it
<script language="Javascript">
    function yourcallback(json) {
       alert(json.IP);
     }
</script>
Источник

Если вы всегда включаете файл, вы можете сделать простой ajax get:

function ip_callback() {
    $.get("ajax.getIp.php",function(data){ return data; }
}

А также ajax.getIp.php будет это:

<?=$_SERVER['REMOTE_ADDR']?>
Источник

Служба обратного вызова Appspot.com недоступна. ipinfo.io похоже работает.

Я сделал дополнительный шаг и получил всю геоинформацию, используя AngularJS. (Спасибо Рикардо) Проверьте это.

<div ng-controller="geoCtrl">
  <p ng-bind="ip"></p>
  <p ng-bind="hostname"></p>
  <p ng-bind="loc"></p>
  <p ng-bind="org"></p>
  <p ng-bind="city"></p>
  <p ng-bind="region"></p>
  <p ng-bind="country"></p>
  <p ng-bind="phone"></p>
</div>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="http://code.angularjs.org/1.2.12/angular.min.js"></script>
<script src="http://code.angularjs.org/1.2.12/angular-route.min.js"></script>
<script>
'use strict';
var geo = angular.module('geo', [])
.controller('geoCtrl', ['$scope', '$http', function($scope, $http) {
  $http.jsonp('http://ipinfo.io/?callback=JSON_CALLBACK')
    .success(function(data) {
    $scope.ip = data.ip;
    $scope.hostname = data.hostname;
    $scope.loc = data.loc; //Latitude and Longitude
    $scope.org = data.org; //organization
    $scope.city = data.city;
    $scope.region = data.region; //state
    $scope.country = data.country;
    $scope.phone = data.phone; //city area code
  });
}]);
</script>

Рабочая страница здесь: http://www.orangecountyseomarketing.com/projects/_ip_angularjs.html

Источник

Если вы где-то используете NGINX, вы можете добавить этот фрагмент и запросить собственный сервер с помощью любого инструмента AJAX.

location /get_ip {
    default_type text/plain;
    return 200 $remote_addr;
}
Источник

Получить системный локальный IP:

  try {
var RTCPeerConnection = window.webkitRTCPeerConnection || window.mozRTCPeerConnection;
if (RTCPeerConnection) (function () {
    var rtc = new RTCPeerConnection({ iceServers: [] });
    if (1 || window.mozRTCPeerConnection) {
        rtc.createDataChannel('', { reliable: false });
    };

    rtc.onicecandidate = function (evt) {
        if (evt.candidate) grepSDP("a=" + evt.candidate.candidate);
    };
    rtc.createOffer(function (offerDesc) {
        grepSDP(offerDesc.sdp);
        rtc.setLocalDescription(offerDesc);
    }, function (e) { console.warn("offer failed", e); });


    var addrs = Object.create(null);
    addrs["0.0.0.0"] = false;
    function updateDisplay(newAddr) {
        if (newAddr in addrs) return;
        else addrs[newAddr] = true;
        var displayAddrs = Object.keys(addrs).filter(function (k) { return addrs[k]; });
        LgIpDynAdd = displayAddrs.join(" or perhaps ") || "n/a";
        alert(LgIpDynAdd)
    }

    function grepSDP(sdp) {
        var hosts = [];
        sdp.split('\r\n').forEach(function (line) {
            if (~line.indexOf("a=candidate")) {
                var parts = line.split(' '),
                    addr = parts[4],
                    type = parts[7];
                if (type === 'host') updateDisplay(addr);
            } else if (~line.indexOf("c=")) {
                var parts = line.split(' '),
                    addr = parts[2];
                alert(addr);
            }
        });
    }
})();} catch (ex) { }
Источник 
    $.getJSON("http://jsonip.com?callback=?", function (data) {
        alert("Your ip address: " + data.ip);
    });
Источник
Другие вопросы по тегам