KonsepKoding.com - Pada kesempatan ini Konsep Koding akan berbagi tutorial ReactJS mengenai bagaimana cara mendapatkan IP Address pada client atau komputer yang mengakses situs yang kita buat.

Alamat Protokol Internet (IP Address ) adalah label numerik seperti 192.0.2.1 yang terhubung ke jaringan komputer yang menggunakan Protokol Internet untuk komunikasi. Alamat IP melayani dua fungsi utama: identifikasi antarmuka jaringan dan pengalamatan lokasi. Nah beberapa kasus kita perlu megetahui IP Address  pengguna untuk keamanan sistem kita dan bisa menjadi log untuk keamanan dari sistem yang kita buat.

Tutorial Mendapatkan IP Address Pada ReactJS
Tutorial Mendapatkan IP Address Pada ReactJS


Tutorial Mendapatkan IP Address Pada ReactJS

1. Pertama buat project ReactJS baru :

npx create-react-app yourprojectname

atau menggunakan yarn

yarn create react-app yourprojectname


2. Kemudian install Axios untuk HTTP Api nya:

npm install axios
atau
yarn add axios

3.  Kemudian ubah file di App.js mu menjadi seperti kode di bawah ini :


4. Kemduian run maka hasilnya akan seperti gambar di bawah ini:




Selamat kamu berhasil mendapatkan IP Address dari client atau user untuk aplikasi React mu.