Comment obtenir l'adresse IP du client en JavaScript

1. Utilisez l’application Ipify pour obtenir l’adresse IP du client en JavaScript
2. Utilisez l’application Ipinfo pour obtenir l’adresse IP du client en JavaScript
3. Utiliser l’application Abstract pour obtenir l’adresse IP du client en JavaScript

L’adresse IP est une combinaison de chiffres qui donne une adresse unique pour votre matériel réseau. C’est comme une empreinte digitale, ou tout comme une personne a une adresse électronique pour recevoir des courriels. Elle permet de connecter votre ordinateur aux autres appareils du réseau, au web et au monde entier.

JavaScript obtient une adresse IP publique qui appartient à un client utilisant des applications tierces. L’application tierce récupère l’adresse IP de l’utilisateur et la retourne sous trois formats : texte brut, JSON et JSONP. Il existe des dizaines d’applications de ce type sur l’internet.

Dans cet article, nous présenterons les trois outils les plus populaires pour récupérer l’adresse IP en JavaScript : ipify, ipinfo, et Abstract.

Utilisez l’application Ipify pour obtenir l’adresse IP du client en JavaScript

ipify est une application à code source ouvert. Vous pouvez obtenir les codes dans le [GitHub repository]. Il n’y a pas de limitation, même si vous faites des millions de demandes par minute.

Exemple :

Veuillez installer Axios (client HTTP pour le navigateur et node.js) ou inclure le CDN pour celui-ci.

<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
<script>
async function getIpClient() {
  try {
    const response = await axios.get('https://api.ipify.org?format=json');
    console.log(response);
  } catch (error) {
    console.error(error);
  }
}

getIpClient();
</script>

Production :

data: {ip: '198.16.76.28'}

Utilisez l’application Ipinfo pour obtenir l’adresse IP du client en JavaScript

L’application Ipinfo a une limitation d’utilisation. Vous pouvez faire 1 000 demandes par jour gratuitement ou vous inscrire à un plan gratuit pour obtenir 50 000 demandes gratuites par mois.

Exemple :

async function getIpClient() {
  try {
    const response = await axios.get('https://ipinfo.io/json');
    console.log(response);
  } catch (error) {
    console.error(error);
  }
}

getIpClient();

Production :

{
city: "Amsterdam"
country: "NL"
ip: "198.16.76.28"
loc: "52.3740,4.8897"
org: "AS174 Cogent Communications"
postal: "1012"
readme: "https://ipinfo.io/missingauth"
region: "North Holland"
timezone: "Europe/Amsterdam"
}

Utiliser l’application Abstract pour obtenir l’adresse IP du client en JavaScript

L’application Abstract est également limitée à 20 000 demandes gratuites par mois. Et il faut s’inscrire pour obtenir sa clé API même avec un plan gratuit.

Exemple :

async function getIpClient() {
  try {
    const response = await axios.get(
        'https://ipgeolocation.abstractapi.com/v1/?api_key=<your_api_key>');
    console.log(response);
  } catch (error) {
    console.error(error);
  }
}

getIpClient();

Veuillez consulter le site web Abstract pour avoir un aperçu de la sortie de la fonction ci-dessus.