Мне нужно как-то восстановить IP-адрес клиента с помощью JavaScript; нет кода на стороне сервера, даже не SSI.
Однако я не против использования бесплатного стороннего скрипта/службы.
Мне нужно как-то восстановить IP-адрес клиента с помощью JavaScript; нет кода на стороне сервера, даже не SSI.
Однако я не против использования бесплатного стороннего скрипта/службы.
Я хотел бы использовать веб-сервис, который может возвращать JSON (вместе с jQuery, чтобы сделать вещи проще). Ниже приведены все бесплатные службы поиска IP и информацию, которую они возвращают. Если вам что-то известно, добавьте комментарий, и я обновлю этот ответ.
Попробуйте: http://api.db-ip.com/addrinfo?api_key=<ваш ключ API & gt; & addr = & lt; ip address & gt;
Возвращает:
{
"address": "116.12.250.1",
"country": "SG",
"stateprov": "Central Singapore",
"city": "Singapore"
}
Ограничения:
Попробуйте: http://gd.geobytes.com/GetCityDetails
$.getJSON('http://gd.geobytes.com/GetCityDetails?callback=?', function(data) {
console.log(JSON.stringify(data, null, 2));
});
Returns:
{
"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"
}
Ограничения:
Попробуйте: https://json.geoiplookup.io/api
$.getJSON('https://json.geoiplookup.io/api?callback=?', function(data) {
console.log(JSON.stringify(data, null, 2));
});
Returns:
{
"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
}
Ограничения:
Попробуйте: http://www.geoplugin.net/json.gp
$.getJSON('http://www.geoplugin.net/json.gp?jsoncallback=?', function(data) {
console.log(JSON.stringify(data, null, 2));
});
Returns:
{
"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": "$",
"geoplugin_currencySymbol_UTF8": "$",
"geoplugin_currencyConverter": 1.4239
}
Ограничения:
Попробуйте: https://api.hackertarget.com/geoip/?q=<ipaddress & gt;
Возвращает:
IP Address: 116.12.250.1
Country: SG
State: N/A
City: Singapore
Latitude: 1.293100
Longitude: 103.855797
Ограничения:
Попробуйте: https://ipapi.co/json/
$.getJSON('https://ipapi.co/json/', function(data) {
console.log(JSON.stringify(data, null, 2));
});
Returns:
{
"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"
}
Ограничения:
Попробуйте: http://ip-api.com/json
$.getJSON('http://ip-api.com/json?callback=?', function(data) {
console.log(JSON.stringify(data, null, 2));
});
Returns:
{
"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": ""
}
Ограничения:
Попробуйте: https://api.ipdata.co
$.getJSON('https://api.ipdata.co', function(data) {
console.log(JSON.stringify(data, null, 2));
});
Returns:
{
"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
}
}
Ограничения:
Попробуйте: https://ipfind.co/me?auth=<ваш ключ API & gt;
$.getJSON('https://ipfind.co/me?auth=<your_api_key>', function(data) {
console.log(JSON.stringify(data, null, 2));
});
Returns:
{
"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"
]
}
Ограничения:
Попробуйте: https://api.ipgeolocation.io/ipgeo?apiKey=<ваш ключ API & gt;
$.getJSON('https://api.ipgeolocation.io/ipgeo?apiKey=<your_api_key>', function(data) {
console.log(JSON.stringify(data, null, 2));
});
Returns:
{
"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"
}
}
Ограничения:
Попробуйте: https://api.ipify.org/?format=json
$.getJSON('https://api.ipify.org?format=jsonp&callback=?', function(data) {
console.log(JSON.stringify(data, null, 2));
});
Returns:
{
"ip": "116.12.250.1"
}
Ограничения:
Попробуйте: https://api.ipinfodb.com/v3/ip-city/?key=<ваш ключ API & gt; & 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));
});
Returns:
{
"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"
}
Ограничения:
Попробуйте: https://ipinfo.io/json
$.getJSON('https://ipinfo.io/json', function(data) {
console.log(JSON.stringify(data, null, 2));
});
Returns:
{
"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"
}
Ограничения:
Попробуйте: https://api.ipregistry.co/?key=<ваш ключ API & gt;
$.getJSON('https://api.ipregistry.co/?key=<your_api_key>', function(data) {
console.log(JSON.stringify(data, null, 2));
});
Returns:
{
"ip" : "116.12.250.1",
"type" : "IPv4",
"hostname" : null,
"carrier" : {
"name" : null,
"mcc" : null,
"mnc" : null
},
"connection" : {
"asn" : 3758,
"domain" : "singnet.com.sg",
"organization" : "SingNet Pte Ltd",
"type" : "isp"
},
"currency" : {
"code" : "SGD",
"name" : "Singapore Dollar",
"plural" : "Singapore dollars",
"symbol" : "SGD",
"symbol_native" : "SGD",
"format" : {
"negative" : {
"prefix" : "-SGD",
"suffix" : ""
},
"positive" : {
"prefix" : "SGD",
"suffix" : ""
}
}
},
"location" : {
"continent" : {
"code" : "AS",
"name" : "Asia"
},
"country" : {
"area" : 692.0,
"borders" : [ ],
"calling_code" : "65",
"capital" : "Singapore",
"code" : "SG",
"name" : "Singapore",
"population" : 5638676,
"population_density" : 8148.38,
"flag" : {
"emoji" : "🇸🇬",
"emoji_unicode" : "U+1F1F8 U+1F1EC",
"emojitwo" : "https://cdn.ipregistry.co/flags/emojitwo/sg.svg",
"noto" : "https://cdn.ipregistry.co/flags/noto/sg.png",
"twemoji" : "https://cdn.ipregistry.co/flags/twemoji/sg.svg",
"wikimedia" : "https://cdn.ipregistry.co/flags/wikimedia/sg.svg"
},
"languages" : [ {
"code" : "cmn",
"name" : "cmn",
"native" : "cmn"
}, {
"code" : "en",
"name" : "English",
"native" : "English"
}, {
"code" : "ms",
"name" : "Malay",
"native" : "Melayu"
}, {
"code" : "ta",
"name" : "Tamil",
"native" : "தமிழ்"
}, {
"code" : "zh",
"name" : "Chinese",
"native" : "中文"
} ],
"tld" : ".sg"
},
"region" : {
"code" : null,
"name" : "Singapore"
},
"city" : "Singapore",
"postal" : "96534",
"latitude" : 1.28967,
"longitude" : 103.85007,
"language" : {
"code" : "cmn",
"name" : "cmn",
"native" : "cmn"
},
"in_eu" : false
},
"security" : {
"is_bogon" : false,
"is_cloud_provider" : false,
"is_tor" : false,
"is_tor_exit" : false,
"is_proxy" : false,
"is_anonymous" : false,
"is_abuser" : false,
"is_attacker" : false,
"is_threat" : false
},
"time_zone" : {
"id" : "Asia/Singapore",
"abbreviation" : "SGT",
"current_time" : "2019-09-29T23:13:32+08:00",
"name" : "Singapore Standard Time",
"offset" : 28800,
"in_daylight_saving" : false
}
}
Ограничения:
Попробуйте: http://api.ipstack.com/<ipaddress & gt;? Access_key = & lt; ваш ключ API & gt;
$.getJSON('http://api.ipstack.com/<ip_address>?access_key=<your_api_key>', function(data) {
console.log(JSON.stringify(data, null, 2));
});
Returns:
{
"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
}
}
ограничения:
Попробуйте: https://jsonip.com
$.getJSON('https://jsonip.com/?callback=?', function(data) {
console.log(JSON.stringify(data, null, 2));
});
Returns:
{
"ip": "116.12.250.1",
"about": "/about",
"Pro!": "http://getjsonip.com",
"reject-fascism": "Liberal America will prevail"
}
Ограничения:
Попробуйте: http://ip.jsontest.com/
$.getJSON('http://ip.jsontest.com/?callback=?', function(data) {
console.log(JSON.stringify(data, null, 2));
});
Returns:
{
"ip": "116.12.250.1"
}
Ограничения:
Попробуйте: https://geoip.nekudo.com/api
$.getJSON('https://geoip.nekudo.com/api', function(data) {
console.log(JSON.stringify(data, null, 2));
});
Returns:
{
"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"
}
Ограничения:
Попробуйте: https://api.smartip.io/?api_key=<ваш ключ API & gt;
$.getJSON('https://api.smartip.io/?api_key=<your_api_key>', function(data) {
console.log(JSON.stringify(data, null, 2));
});
Returns:
{
"status-code": 200,
"country": {
"is-metric": true,
"is-in-europe": false,
"region-geo-id": null,
"continent-geo-id": 6255147,
"country-geo-id": 1880251,
"region-code": null,
"region-name": null,
"continent-code": "AS",
"continent-name": "Asia",
"capital": "Singapur",
"country-name": "Singapore",
"country-two-letter-iso-code": "SG",
"country-iso-code": "SG"
},
"location": {
"metro-code": null,
"longitude": 103.8547,
"latitude": 1.2929,
"timezone": "Asia/Singapore",
"zip-code": null,
"city": "Singapore"
},
"asn": {
"organization": "SingNet",
"asn": "AS3758"
},
"currency": {
"native-name": "新币",
"code": "SGD",
"name": "Singapore Dollar",
"symbol": "$"
},
"timezone": {
"is-daylight-saving": false,
"gmt-offset": 28800,
"date-time": "2019-08-23T14:22:11+08:00",
"microsoft-name": "Singapore Standard Time",
"iana-name": "Asia/Singapore"
},
"security": {
"is-crawler": false,
"is-proxy": false,
"is-tor": false,
"tor-insights": null,
"proxy-insights": null,
"crawler-insights": null
},
"crypto": {
"is-crypto-node": false,
"crypto-insights": null
},
"user-agent": {
"os": {
"name": "Windows",
"platform": "x64",
"version": "10",
"family": "Windows"
},
"device": {
"brand": "",
"model": "",
"family": "desktop"
},
"engine-version": "",
"engine": "Blink",
"name": "Chrome",
"type": "browser",
"header": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/76.0.3809.100 Safari/537.36",
"version": "76.0.3809.100",
"family": "Chrome"
},
"error": null,
"hostname": "116.12.250.1",
"ip-type": "ipv4",
"ip": "116.12.250.1"
}
Ограничения:
Имейте в виду, что, поскольку все это бесплатные услуги, ваш пробег может варьироваться с точки зрения превышения квоты и времени безотказной работы, и кто знает, когда/если они будут переведены в автономный режим в будущем (выставка A: Telize). Большинство этих услуг также предлагают платный уровень, если вам нужны дополнительные функции, такие как поддержка SSL.
Кроме того, как отметил Скобальич в комментариях ниже, квоты на запросы в основном носят академический характер, поскольку это происходит на стороне клиента, и большинство конечных пользователей никогда не превысят эту квоту.
ОБНОВЛЕНИЕ
Обновление: я всегда хотел сделать минимальную/углеродистую версию кода, так что вот код ES6 Promise:
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))
Вы можете, ретранслируя его с сервера с помощью 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 г.. p >
Большинство ответов здесь "обойдутся" с необходимостью для кода на стороне сервера... Нажатием другого сервера. Это полностью допустимый метод, если вам действительно не нужно получать IP-адрес без попадания на сервер.
Традиционно это было невозможно без какого-либо плагина (и даже тогда вы, вероятно, ошибетесь IP-адрес, если находитесь за NAT-маршрутизатором), но с появлением WebRTC это действительно возможно. Если вы ориентируетесь на браузеры, поддерживающие WebRTC (в настоящее время: Firefox, Chrome и Opera).
Пожалуйста, прочитайте ответ mido для получения подробной информации о том, как вы можете получить полезные IP-адреса клиентов с помощью WebRTC.
Вы можете выполнить вызов 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://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. Я просто думаю, что это смешно, что кто-то предоставит такую услугу для общего блага.
Вы не можете. Вам нужно будет спросить сервер.
Вы можете использовать мою услугу 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>
больше документов здесь
Я бы сказал, что у Чада и Мальты есть отличный ответ. Однако их сложность. Поэтому я предлагаю этот код, который я нашел из объявлений по плагину страны
<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>
Нет ajax. Просто простые javascripts.: 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 script, что поп что-то вроде
function visitorsIP() { return '123.123.123.123'; }
Сделайте это. Положите http://yourdomain.com/yourip.php.
Тогда do
<script language="javascript" src="http://yourdomain.com/yourip.php"></script>
В вопросе конкретно указывается НЕ использовать сторонний script. Другого пути нет. Javascript не может знать ваш IP-адрес. Но другие серверы, к которым можно получить доступ через javascript, могут работать так же, как без проблем.
В этом вопросе есть две интерпретации. Большинство людей интерпретировали "IP-адрес клиента" как общедоступный IP-адрес, который веб-сервер видит вне локальной сети и находится в Интернете. В большинстве случаев это не IP-адрес клиентского компьютера, хотя
Мне нужен реальный IP-адрес компьютера, на котором запущен браузер, на котором размещается мое программное обеспечение JavaScript (это почти всегда локальный IP-адрес в локальной сети, который находится за чем-то, что имеет слой NAT).
Mido опубликовал ответ FANTASTIC, выше, который, кажется, единственный ответ, который действительно предоставил IP-адрес клиента.
Спасибо за это, Mido!
Однако представленная функция выполняется асинхронно. Мне нужно ИСПОЛЬЗОВАТЬ IP-адрес в моем коде, и с асинхронным решением я могу попытаться использовать IP-адрес, прежде чем он будет восстановлен/изучен/сохранен. Я должен был быть в состоянии ждать результатов, чтобы прибыть, прежде чем использовать их.
Вот "Минута" версии "Ожидаемая". Я надеюсь, что это поможет кому-то еще:
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>
С использованием Smart -IP.net Geo-IP API. Например, с помощью jQuery:
$(document).ready( function() {
$.getJSON( "http://smart-ip.net/geoip-json?callback=?",
function(data){
alert( data.host);
}
);
});
Ну, я отвлекаюсь от вопроса, но сегодня у меня была такая же потребность, и хотя я не мог найти идентификатор от клиента с помощью 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 я просто загружаю это значение.
Это может быть полезно для некоторых людей с аналогичным требованием, таким как ваш (например, я, пока не понял этого).
Ура!
Там есть более простой и бесплатный подход, который не будет запрашивать у вашего посетителя какое-либо разрешение.
Он состоит в отправке очень простого запроса POJ Ajax на http://freegeoip.net/json. Как только вы получите информацию о своем местоположении, в JSON, вы соответствующим образом отреагируете, обновив страницу или перенаправив ее на новый.
Вот как вы отправляете свой запрос для информации о местоположении:
jQuery.ajax( {
url: '//freegeoip.net/json/',
type: 'POST',
dataType: 'jsonp',
success: function(location) {
console.log(location)
}
} );
Невозможно вообще, если вы не используете какую-либо внешнюю службу.
Вы можете использовать java-библиотеку 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 для загрузки script.
Он предоставит вам IP-адрес вашего посетителя, а также несколько данных о его местоположении (стране, городе и т.д.). Он основан на базе данных maxmind geoip.
Отказ от ответственности: я написал эту библиотеку
Получить свой 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); });
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>
Служба обратного вызова 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
На самом деле нет надежного способа получить IP-адрес клиентского компьютера.
Это проходит через некоторые из возможностей. Код, который использует Java, будет разорван, если у пользователя есть несколько интерфейсов.
http://nanoagent.blogspot.com/2006/09/how-to-find-evaluate-remoteaddrclients.html
От взгляда на другие ответы здесь звучит так, как будто вы можете получить общедоступный IP-адрес клиента, который, вероятно, является адресом маршрутизатора, который они используют для подключения к Интернету. Об этом говорят многие другие ответы. Я бы рекомендовал создать и разместить вашу собственную страницу на стороне сервера для получения запроса и ответа на IP-адрес вместо того, чтобы зависать от другого сервиса, который может или не может продолжать работать.
Если вы включаете файл в любом случае, вы можете сделать простой ajax get:
function ip_callback() {
$.get("ajax.getIp.php",function(data){ return data; }
}
И ajax.getIp.php
будет следующим:
<?=$_SERVER['REMOTE_ADDR']?>
Мне очень нравится api.ipify.org
потому что он поддерживает как HTTP, так и HTTPS.
Вот несколько примеров получения IP- api.ipify.org
с помощью api.ipify.org
с помощью jQuery.
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>
Используйте 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>
Я предлагаю метод, который я использую много, когда хочу хранить информацию на странице html, и хочу, чтобы мой javascript читал информацию, не имея необходимости передавать параметры в javascript. Это особенно полезно, если ваш script ссылается на внешний, а не на встроенный.
Однако он не соответствует критерию "без серверной стороны script". Но если вы можете включить скрипты на стороне сервера в свой html, сделайте следующее:
Сделайте скрытые элементы ярлыка внизу страницы html, чуть выше тега тега конца.
Ваш ярлык будет выглядеть следующим образом:
<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;
}
... лучший способ сделать это.
Вы можете сделать это полностью на стороне клиента и, главным образом, на JavaScript, используя объект Flash, который может вызвать js. Flash может получить доступ к IP-адресу локального компьютера, который может быть не очень полезен.
$.getJSON("http://jsonip.com?callback=?", function (data) {
alert("Your ip address: " + data.ip);
});
Прежде всего, фактический ответ actual answer: Невозможно использовать чисто исполняемый код на стороне клиента для определения собственного 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
}
<!DOCTYPE html>
<html ng-app="getIp">
<body>
<div ng-controller="getIpCtrl">
<div ng-bind="ip"></div>
</div>
<!-- Javascript for load faster
================================================== -->
<script src="lib/jquery/jquery.js"></script>
<script src="lib/angular/angular.min.js"></script>
<script>
/// Scripts app
'use strict';
/* App Module */
var getIp = angular.module('getIp', [ ]);
getIp.controller('getIpCtrl', ['$scope', '$http',
function($scope, $http) {
$http.jsonp('http://jsonip.appspot.com/?callback=JSON_CALLBACK')
.success(function(data) {
$scope.ip = data.ip;
});
}]);
</script>
</body>
</html>
var call_to = "http://smart-ip.net/geoip-json?callback=?";
$.getJSON(call_to, function(data){
alert(data.host);
});
data.host
- это ip-адрес. Просто позвоните в свой браузер.
http://smart-ip.net/geoip-json?callback=?
[Без кавычек] и получить ip.