Saya perlu mengambil alamat IP klien menggunakan JavaScript; tidak ada kode sisi server, bahkan SSI.

Namun, saya tidak menentang menggunakan skrip / layanan pihak ke-3 gratis.

Saya akan menggunakan layanan web yang dapat mengembalikan JSON (bersama dengan jQuery untuk mempermudah). Di bawah ini adalah semua layanan pencarian IP aktif gratis yang dapat saya temukan dan informasi yang mereka kembalikan. Jika Anda tahu lagi, silakan tambahkan komentar dan saya akan memperbarui jawaban ini.

Cloudflare

Cobalah: https://www.cloudflare.com/cdn-cgi/trace

// If your site is on Cloudflare, then you can use '/cdn-cgi/trace' instead
$.get('https://www.cloudflare.com/cdn-cgi/trace', function(data) {
    console.log(data)
})

Pengembalian:

fl=4f422
h=www.cloudflare.com
ip=54.193.27.106
ts=1575967108.245
visit_scheme=https
uag=Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/74.0.3729.169 Safari/537.36 Hypothesis-Via
colo=SJC
http=http/1.1
loc=US
tls=TLSv1.3
sni=plaintext
warp=off

Keterbatasan:

• Mengembalikan teks biasa

DB-IP

Cobalah: http://api.db-ip.com/addrinfo?api_key= < kunci api Anda > & addr = < alamat ip >

Pengembalian:

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

Keterbatasan:

• 2.500 permintaan per hari
• Tidak mendukung panggilan balik JSONP
• Membutuhkan parameter alamat IP
• Membutuhkan alamat email untuk mendapatkan kunci API Anda
• Tidak ada SSL (https) dengan paket gratis

Geobyte

Cobalah: http://gd.geobytes.com/GetCityDetails

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

Pengembalian:

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

Keterbatasan:

• 16.384 permintaan per jam
• Tidak ada SSL (https) dengan paket gratis
• Dapat mengembalikan lokasi yang salah (saya di Singapura, bukan Arab Saudi)

GeoIPLookup.io

Cobalah: https://json.geoiplookup.io/api

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

Pengembalian:

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

Keterbatasan:

• 10.000 permintaan per jam
• API Gratis hanya memungkinkan penggunaan non-komersial

geoPlugin

Cobalah: http://www.geoplugin.net/json.gp

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

Pengembalian:

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

Keterbatasan:

• 120 permintaan per menit
• Tidak ada SSL (https) dengan paket gratis

Target Peretas

Cobalah: https://api.hackertarget.com/geoip/?q= < alamat ip >

Pengembalian:

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

Keterbatasan:

• 50 permintaan per hari
• Tidak mendukung panggilan balik JSONP
• Membutuhkan parameter alamat IP
• Mengembalikan teks biasa

ipapi.co

Cobalah: https://ipapi.co/json/

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

Pengembalian:

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

Keterbatasan:

• 1.000 permintaan per hari
• Membutuhkan SSL (https)

IP-API.com

Cobalah: http://ip-api.com/json

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

Pengembalian:

{
  "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": ""
}

Keterbatasan:

• 150 permintaan per menit
• Tidak ada SSL (https) dengan paket gratis

Ipdata.co

Cobalah: https://api.ipdata.co

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

Pengembalian:

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

Keterbatasan:

• 1.500 permintaan per hari
• Membutuhkan alamat email untuk mendapatkan kunci API Anda
• Membutuhkan SSL (https)

Temukan IP

Cobalah: https://ipfind.co/me?auth= < kunci api Anda >

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

Pengembalian:

{
  "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"
  ]
}

Keterbatasan:

• 300 permintaan per hari
• Membutuhkan pendaftaran untuk mendapatkan kunci API Anda

ipgeolokasi

Cobalah: https://api.ipgeolocation.io/ipgeo?apiKey= < kunci api Anda >

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

Pengembalian:

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

Keterbatasan:

• 50.000 permintaan per bulan
• Membutuhkan pendaftaran untuk mendapatkan kunci API Anda

ipify

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

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

Pengembalian:

{
  "ip": "116.12.250.1"
}

Keterbatasan:

• Tidak ada

IPInfoDB

Cobalah: https://api.ipinfodb.com/v3/ip-city/?key= < kunci api Anda > & 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));
});

Pengembalian:

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

Keterbatasan:

• Dua permintaan per detik
• Membutuhkan pendaftaran untuk mendapatkan kunci API Anda

ipinfo.io

Cobalah: https://ipinfo.io/json

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

Pengembalian:

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

Keterbatasan:

• 1.000 permintaan per hari

IPregistry

Cobalah: https://api.ipregistry.co/?key= < kunci api Anda >

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

Pengembalian:

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

Keterbatasan:

• Paket gratis termasuk 100.000 permintaan
• Membutuhkan pendaftaran untuk mendapatkan kunci API Anda

ipstack (sebelumnya freegeoip.net)

Cobalah: http://api.ipstack.com/ < ip address >? Access_key = <kunci api Anda>

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

Pengembalian:

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

Keterbatasan:

• 10.000 permintaan per bulan
• Membutuhkan parameter alamat IP
• Membutuhkan pendaftaran untuk mendapatkan kunci API Anda
• Tidak ada SSL (https) dengan paket gratis

jsonip.com

Cobalah: https://jsonip.com

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

Pengembalian:

{
  "ip": "116.12.250.1",
  "about": "https://jsonip.com/about",
  "Pro!": "http://getjsonip.com",
  "Get Notifications": "https://jsonip.com/notify"
}

Keterbatasan:

• Responsnya termasuk upsell

Tes JSON

Cobalah: http://ip.jsontest.com/

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

Pengembalian:

{
  "ip": "116.12.250.1"
}

Keterbatasan:

• Tidak ada SSL (https)
• Turun banyak (melebihi kuota), jadi saya tidak akan menggunakannya untuk produksi
• Mengembalikan alamat IPv6 jika Anda memilikinya, yang mungkin bukan yang Anda inginkan

Nekudo

Cobalah: https://geoip.nekudo.com/api

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

Pengembalian:

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

Keterbatasan:

• Dicekal oleh pemblokir iklan menggunakan daftar EasyPrivacy

Ingatlah bahwa karena ini semua adalah layanan gratis, jarak tempuh Anda mungkin berbeda dalam hal melebihi kuota dan waktu aktif, dan siapa yang tahu kapan / apakah mereka akan offline di jalan (pameran A: Telize ). Sebagian besar layanan ini juga menawarkan tingkat pembayaran jika Anda menginginkan lebih banyak fitur seperti dukungan SSL.

Juga, seperti yang dicatat skobaljic dalam komentar di bawah ini, kuota permintaan sebagian besar bersifat akademis karena ini terjadi di sisi klien dan sebagian besar pengguna akhir tidak akan pernah melebihi kuota.

PEMBARUAN

• 2016/02/01: Dihapus Telize (tidak ada penawaran lagi rencana bebas)
• 4/18/2016 : Freegeoip.net dihapus (kehabisan layanan)
• 4/26/2016: Menambahkan DB-IP
• 4/26/2016: Menambahkan Target Peretas
• 7/6/2016: Reegstated freegeoip.net
• 7/6/2016: Dihapus ip-json.rhcloud.com (tautan mati)
• 12/21/2016: Target Hacker yang Dihapus (di luar layanan)
• 2/10/2017: Menambahkan Nekudo
• 4/20/2017 : Menambahkan ipapi.co (terima kasih Ahmad Awais)
• 4/24/2017: Sasaran Peretas Kembali
• 4/24/2017 : Dihapus Snoopi.io (kehabisan layanan)
• 7/16/2017: Penambahan IP Find (terima kasih JordanC)
• 7/16/2017: Pembatasan yang diperbarui untuk paket gratis yang tidak mendukung SSL
• 9/25/2017: Menambahkan Alat Web Bodoh (terima kasih Cœur)
• 3/16/2018: Menambahkan Ipdata.co (terima kasih Jonathan)
• 4/14/2018: Berganti nama freegeoip.net menjadi ipstack (terima kasih MA-Maddin)
• 4/16/2018 : Menambahkan GeoIPLookup.io (terima kasih Rob Waa)
• 6/11/2018: Menambahkan ipgeolocation (terima kasih Ejaz Ahmed)
• 7/31/2019: Menambahkan Ipregistry (terima kasih Laurent)
• 8/16/2019 : Menambahkan SmartIP.io (terima kasih kevinj )
• 8/22/2019: Alat Web Bodoh Dihapus (keluar dari layanan)
• 12/8/2019: Mengubah IP Cerdas batas tarif bulanan
• 12/10/2019: Menambahkan Cloudflare
• 1/9/2020: Dihapus SmartIP.io (kehabisan layanan)

Pembaruan Terakhir

Solusi ini tidak akan berfungsi lagi karena browser memperbaiki kebocoran webrtc: untuk info lebih lanjut tentang itu baca pertanyaan lain ini: RTCIceCandidate tidak lagi mengembalikan IP

Pembaruan : Saya selalu ingin membuat versi kode min / uglified, jadi di sini adalah kode 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))

Catatan: Kode minified baru ini hanya akan mengembalikan satu IP jika Anda ingin semua IP pengguna (yang mungkin lebih tergantung pada jaringannya), gunakan kode asli ...

berkat WebRTC , sangat mudah untuk mendapatkan IP lokal di browser yang didukung WebRTC (setidaknya untuk saat ini). Saya telah memodifikasi kode sumber, mengurangi garis, tidak membuat permintaan setrum karena Anda hanya menginginkan IP Lokal, bukan IP Publik, kode di bawah ini berfungsi di Firefox dan Chrome terbaru, cukup jalankan cuplikan dan periksa sendiri:

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>

apa yang terjadi di sini adalah, kami membuat koneksi peer dummy, dan untuk peer remote untuk menghubungi kami, kami biasanya bertukar kandidat es satu sama lain. Dan membaca kandidat es (dari deskripsi sesi lokal dan onIceCandidateEvent) kami dapat memberi tahu IP pengguna.

tempat saya mengambil kode dari -> Sumber

Anda bisa, menyampaikannya melalui sisi server dengan JSONP

Dan ketika mencari di Google, menemukannya di SO, bisakah saya melakukan pencarian DNS (nama host ke alamat IP) menggunakan Javascript sisi klien?

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

Catatan: API telize.com telah ditutup secara permanen pada 15 November 2015 .

Sebagian besar jawaban di sini "mengatasi" kebutuhan kode sisi server dengan ... Memukul server orang lain. Yang merupakan teknik yang benar-benar valid, kecuali jika Anda benar-benar perlu mendapatkan alamat IP tanpa memukul server.

Secara tradisional ini tidak mungkin tanpa semacam plugin (dan bahkan kemudian, Anda mungkin akan mendapatkan alamat IP yang salah jika Anda berada di belakang router NAT), tetapi dengan munculnya WebRTC sebenarnya mungkin untuk melakukan ini .. . Jika Anda menargetkan browser yang mendukung WebRTC (saat ini: Firefox, Chrome dan Opera).

Silakan baca jawaban mido untuk perincian tentang bagaimana Anda dapat mengambil alamat IP klien yang bermanfaat menggunakan WebRTC.

Anda dapat melakukan panggilan ajax ke hostip.info atau layanan serupa ...

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

Sebagai bonus, informasi geolokalisasi dikembalikan dalam panggilan yang sama.

Coba ini

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

ATAU

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

Biola

Kamu tidak bisa Anda harus bertanya ke server.

Tidak terlihat lagi

Lihat http://www.ipify.org/

Menurut mereka:

• Anda dapat menggunakannya tanpa batas (bahkan jika Anda melakukan jutaan permintaan per menit).
• ipify sepenuhnya open source (lihat repositori GitHub ).

Berikut ini adalah contoh JS yang berfungsi (alih-alih bertanya-tanya mengapa jawaban ini memiliki begitu sedikit suara, cobalah sendiri untuk melihatnya beraksi):

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

Terlalu malas untuk menyalin / menempel? Saya suka itu. Ini demo 💻

Terlalu malas untuk mengklik? :O

Catatan : Matikan Adblock Plus / uBlock & co sebelum menjalankan demo .. jika tidak, itu tidak akan berfungsi.

Saya tidak ada hubungannya dengan tim IPify. Saya hanya berpikir itu sangat keren bahwa seseorang akan memberikan layanan seperti itu untuk kebaikan umum.

Anda dapat menggunakan layanan saya http://ipinfo.io untuk ini, yang akan memberi Anda IP klien, nama host, informasi geolokasi, dan pemilik jaringan. Berikut adalah contoh sederhana yang mencatat IP:

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

Berikut adalah contoh JSFiddle yang lebih terperinci yang juga mencetak informasi respons lengkap, sehingga Anda dapat melihat semua detail yang tersedia: http://jsfiddle.net/zK5FN/2/

Sertakan kode ini di halaman Anda: <script type="text/javascript" src="http://l2.io/ip.js"></script>

lebih banyak dokumen di sini

Saya akan mengatakan Chad dan Malta memiliki jawaban yang bagus. Namun, mereka rumit. Jadi saya menyarankan kode ini yang saya temukan dari iklan dengan plugin negara

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

Tidak ajax. Javascript sederhana. : D

Jika Anda membuka http://j.maxmind.com/app/geoip.js Anda akan melihat bahwa isinya

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

Itu belum benar-benar menjawab pertanyaan karena

http://j.maxmind.com/app/geoip.js tidak mengandung IP (meskipun saya yakin itu menggunakan IP untuk mendapatkan negara).

Tapi sangat mudah untuk membuat skrip PhP yang muncul seperti

function visitorsIP()   { return '123.123.123.123'; }

Buat itu. Pakailah http://domainanda.com/anda web.php .

Lalu lakukan

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

Pertanyaannya secara spesifik menyebutkan TIDAK untuk menggunakan skrip pihak ketiga. Tidak ada jalan lain. Javascript tidak dapat mengetahui IP Anda. Tetapi server lain yang dapat diakses melalui javascript dapat berfungsi dengan baik tanpa masalah.

Ada dua interpretasi untuk pertanyaan ini. Kebanyakan orang menafsirkan "IP Klien" berarti Alamat IP Publik yang dilihat server Web di luar LAN dan keluar di Internet. Namun, ini bukan alamat IP komputer klien

Saya membutuhkan alamat IP asli dari komputer yang menjalankan browser yang menampung perangkat lunak JavaScript saya (yang hampir selalu merupakan alamat IP lokal pada LAN yang berada di belakang sesuatu yang lapisan NAT).

Mido memposting jawaban FANTASTIS, di atas, yang tampaknya menjadi satu-satunya jawaban yang benar-benar memberikan alamat IP klien.

Terima kasih untuk itu, Mido!

Namun, fungsi yang disajikan berjalan secara tidak sinkron. Saya harus benar-benar MENGGUNAKAN alamat IP dalam kode saya, dan dengan solusi asinkron, saya mungkin mencoba menggunakan alamat IP sebelum diambil / dipelajari / disimpan. Saya harus bisa menunggu hasil sampai tiba sebelum menggunakannya.

Ini adalah versi "Tunggu" dari fungsi Mido. Saya harap ini membantu orang lain:

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>

Ada pendekatan yang lebih mudah dan gratis yang tidak akan meminta izin pengunjung Anda.

Ini terdiri dari mengirimkan permintaan POST Ajax yang sangat sederhana ke http://freegeoip.net/json . Setelah Anda menerima informasi lokasi Anda, di JSON, Anda bereaksi sesuai dengan memperbarui halaman atau mengarahkan ke yang baru.

Inilah cara Anda mengirimkan permintaan Anda untuk informasi lokasi:

jQuery.ajax( { 
  url: '//freegeoip.net/json/', 
  type: 'POST', 
  dataType: 'jsonp',
  success: function(location) {
     console.log(location)
  }
} );

Yah, saya ngelantur dari pertanyaan, tapi saya punya kebutuhan yang sama hari ini dan meskipun saya tidak dapat menemukan ID dari klien menggunakan Javascript, saya melakukan hal berikut.

Di sisi server: -

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

Menggunakan Javascript

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

Saya menggunakan ASP.Net Ajax, tetapi Anda dapat menggunakan getElementById alih-alih $ get ().

Apa yang terjadi adalah, saya punya elemen div tersembunyi di halaman dengan IP pengguna yang diberikan dari server. Daripada di Javascript saya hanya memuat nilai itu.

Ini mungkin bermanfaat bagi beberapa orang dengan persyaratan yang sama seperti milik Anda (seperti saya sementara saya belum memikirkannya).

Bersulang!

Dengan menggunakan Smart-IP.net Geo-IP API . Misalnya, dengan menggunakan jQuery:

$(document).ready( function() {
    $.getJSON( "http://smart-ip.net/geoip-json?callback=?",
        function(data){
            alert( data.host);
        }
    );
});

Tidak mungkin secara umum kecuali jika Anda menggunakan semacam layanan eksternal.

Dapatkan IP Anda dengan jQuery

Anda bisa mendapatkan alamat IP publik Anda dengan satu baris JS? Ada layanan gratis yang menawarkan ini untuk Anda dan semua permintaan yang perlu Anda lakukan:

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

Agar potongan di atas berfungsi, browser Anda harus mendukung CORS (berbagi permintaan lintas-asal). Kalau tidak, pengecualian keamanan akan dilemparkan. Di browser yang lebih lama, Anda dapat menggunakan versi ini, yang menggunakan permintaan JSON-P:

   $.getJSON('http://jsonip.com/?callback=?', function(r){ console.log(r.ip); });

Anda dapat menggunakan perpustakaan javascript 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
});

Anda juga dapat menggunakan requirejs untuk memuat skrip.

Ini akan memberi Anda alamat IP pengunjung Anda, serta beberapa data tentang lokasinya (negara, kota, dll.). Ini didasarkan pada database geoip maxmind.

Penafian: Saya menulis perpustakaan ini

Javascript / jQuery mendapatkan Alamat IP & Lokasi Klien (Negara, Kota)

Anda hanya perlu menyematkan tag dengan tautan "src" ke server. Server akan mengembalikan "codehelper_ip" sebagai Object / JSON, dan Anda dapat menggunakannya segera.

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

Informasi lebih lanjut di Javascript Detect Real IP Address Plus Country

Jika Anda menggunakan jQUery, Anda dapat mencoba:

console.log(codehelper_ip); 

Ini akan menunjukkan kepada Anda informasi lebih lanjut tentang objek yang dikembalikan.

Jika Anda ingin fungsi panggilan balik, silakan coba ini:

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

Layanan panggilan balik Appspot.com tidak tersedia. ipinfo.io tampaknya berfungsi.

Saya melakukan langkah ekstra dan mengambil semua info geo menggunakan AngularJS. (Terima kasih kepada Ricardo) Coba lihat.

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

Halaman kerja di sini: http://www.orangecountyseomarketing.com/projects/_ip_angularjs.html

Jika Anda memasukkan file anway, Anda bisa melakukan ajax sederhana:

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

Dan ajax.getIp.phpakan seperti ini:

<?=$_SERVER['REMOTE_ADDR']?>

Saya sangat suka api.ipify.orgkarena mendukung HTTP dan HTTPS.

Berikut adalah beberapa contoh untuk mendapatkan IP api.ipify.orgmenggunakan jQuery.

Format JSON melalui 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>

Format JSON melalui 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>

Format teks lebih dari HTTPS

Jika Anda tidak menginginkannya di JSON, ada juga respons plaintext atas HTTPS

https://api.ipify.org

Format teks melalui HTTP

Dan ada juga respons plaintext atas HTTP

http://api.ipify.org

Gunakan ipdata.co .

API juga menyediakan data geolokasi dan memiliki 10 titik akhir global yang masing-masing mampu menangani> 800 juta permintaan sehari!

Jawaban ini menggunakan Kunci API 'uji' yang sangat terbatas dan hanya dimaksudkan untuk menguji beberapa panggilan. Daftar untuk Kunci API Gratis Anda sendiri dan dapatkan hingga 1500 permintaan setiap hari untuk pengembangan.

$.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>

Sebenarnya tidak ada cara yang dapat diandalkan untuk mendapatkan alamat IP komputer klien.

Ini melewati beberapa kemungkinan. Kode yang menggunakan Java akan rusak jika pengguna memiliki banyak antarmuka.

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

Dari melihat jawaban lain di sini, sepertinya Anda mungkin ingin mendapatkan alamat IP publik klien, yang mungkin merupakan alamat router yang mereka gunakan untuk terhubung ke internet. Banyak jawaban lain di sini membicarakannya. Saya akan merekomendasikan membuat dan hosting halaman sisi server Anda sendiri untuk menerima permintaan dan merespons dengan alamat IP alih-alih bergantung pada layanan orang lain yang mungkin atau mungkin tidak terus bekerja.

Saya akan menawarkan metode yang banyak saya gunakan ketika saya ingin menyimpan informasi di halaman html, dan ingin javascript saya membaca informasi tanpa benar-benar harus meneruskan parameter ke javascript. Ini sangat berguna ketika skrip Anda dirujuk secara eksternal, bukan inline.

Namun, itu tidak memenuhi kriteria "tidak ada skrip sisi server". Tetapi jika Anda dapat memasukkan skrip sisi server dalam html Anda, lakukan ini:

Buat elemen label tersembunyi di bagian bawah halaman html Anda, tepat di atas tag badan akhir.

Label Anda akan terlihat seperti ini:

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

Pastikan untuk membuat kelas yang dipanggil hiddenlabeldan mengaturvisibility:hidden sehingga tidak ada yang benar-benar melihat label. Anda dapat menyimpan banyak hal dengan cara ini, dalam label tersembunyi.

Sekarang, di javascript Anda, untuk mengambil informasi yang disimpan dalam label (dalam hal ini alamat ip klien), Anda dapat melakukan ini:

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

Sekarang variabel "ip" Anda sama dengan alamat ip. Sekarang Anda dapat meneruskan ip ke permintaan API Anda.

* EDIT 2 TAHUN KEMUDIAN * Dua perbaikan kecil:

Saya rutin menggunakan metode ini, tetapi hubungi label class="data" , karena, sebenarnya, ini adalah cara untuk menyimpan data. Nama kelas "hiddenlabel" adalah jenis nama yang bodoh.

Modifikasi kedua ada di style sheet, bukannya visibility:hidden:

.data{
    display:none;
}

... adalah cara yang lebih baik untuk melakukannya.

    $.getJSON("http://jsonip.com?callback=?", function (data) {
        alert("Your ip address: " + data.ip);
    });

Coba ini: http://httpbin.org/ip (atau https://httpbin.org/ip )

Contoh dengan https:

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

Sumber: http://httpbin.org/

Pertama-tama jawaban aktual : Tidak mungkin untuk menggunakan kode yang dieksekusi murni sisi klien untuk mengetahui alamat IP Anda sendiri.

Namun Anda bisa melakukan GET ke arah https://api.muctool.de/whois dan menerima sesuatu seperti mendapatkan alamat IP klien

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

Anda bisa melakukan ini sepenuhnya sisi klien dan sebagian besar dalam JavaScript dengan menggunakan objek Flash yang dapat dipanggil js. Flash dapat mengakses alamat IP mesin lokal yang mungkin tidak terlalu berguna.

var call_to = "http://smart-ip.net/geoip-json?callback=?";

$.getJSON(call_to, function(data){
   alert(data.host);
});

data.hostadalah alamat ip. Cukup panggil ini dari browser Anda.

http://smart-ip.net/geoip-json?callback=? [Tanpa tanda kutip] dan dapatkan ip.