Melanjutkan tradisi berbagi karya hasil ngoding. Sebelumnya saya telah membagikan karya Aplikasi Berbasis Web untuk Mendeteksi IP Address dan Lokasi Pengguna Memanfaatkan API ipinfo.io. Pada kesempatan kali ini saya membagikan aplikasi berbasis web untuk IP Address lookup memanfaatkan API ipapi.co.
Sekilas Tentang ipapi.co
ipapi.co adalah layanan daring yang dapat kita manfaatkan untuk mencari informasi yang berkaitan dengan IP Address. Informasi yang berkaitan dengan IP Address yang disediakan oleh ipapi.com di antaranya adalah lokasi, geolokasi, Autonomous System Number (ASN), dan pemiliki dari IP Address tersebut (organization).
Kita bisa memanfaatkan Application Programming Interface (API) yang telah disediakan oleh ipapi.co untuk mendapatkan informasi yang berkaitan dengan suatu IP Address. Dokumentasi penggunaan API ipapi.co dapat dibaca di ipapi.co/api/.
Berikut ini adalah contoh data informasi yang berkaitan dengan IP Address yang disediakan oleh ipapi.co dengan format JSON:
curl https://ipapi.co/1.1.1.1/json
{
"ip": "1.1.1.1",
"version": "IPv4",
"city": "Sydney",
"region": "New South Wales",
"region_code": "NSW",
"country": "AU",
"country_name": "Australia",
"country_code": "AU",
"country_code_iso3": "AUS",
"country_capital": "Canberra",
"country_tld": ".au",
"continent_code": "OC",
"in_eu": false,
"postal": "2000",
"latitude": -33.859336,
"longitude": 151.203624,
"timezone": "Australia/Sydney",
"utc_offset": "+1100",
"country_calling_code": "+61",
"currency": "AUD",
"currency_name": "Dollar",
"languages": "en-AU",
"country_area": 7686850.0,
"country_population": 24992369.0,
"asn": "AS13335",
"org": "CLOUDFLARENET"
}
Aplikasi Berbasis Web untuk IP Address Lookup Memanfaatkan API ipapi.co
Berkaitan dengan informasi IP Address yang disediakan oleh ipapi.co tersebut dan untuk mengasah skill saya di pemrograman web, saya mencoba untuk membuat aplikasi berbasis web untuk IP Address Lookup memanfaatkan API ipapi.co.
Untuk mempercepat pembuatan aplikasi tersebut, saya menggunakan:
Source Code Aplikasi
Berikut ini adalah source code berkas index.html
:
|
|
Berikut ini adalah source code berkas myscript.js
:
|
|
Tempatkan kedua berkas tersebut di direktori web server dan coba akses berkas index.html
tersebut menggunakan peramban. Bila belum memasang web server di komputer, anda bisa langsung membuka berkas index.html
tersebut di peramban.
Tampilan Aplikasi
Berikut ini adalah tampilan aplikasi berbasis web untuk IP Address lookup memanfaatkan API ipapi.co:

Tampilan Aplikasi
Demo Aplikasi
Demo aplikasi berbasis web untuk IP Address lookup memanfaatkan API ipapi.co dapat diakses di demo.hanifmu.com/ip-address-lookup/.
Download Source Code
Source code aplikasi berbasis web untuk IP Address lookup memanfaatkan API ipapi.co dapat di download dengan mengklik tombol di bawah ini.
Semoga bermanfaat.