Wie man die IP-Adresse des Clients in JavaScript erhält

1. Verwenden Sie die Anwendung Ipify, um die IP-Adresse des Clients in JavaScript abzurufen
2. Verwenden Sie die Anwendung Ipinfo, um die IP-Adresse des Clients in JavaScript zu erhalten
3. Verwenden Sie die Anwendung Abstract, um die IP-Adresse des Clients in JavaScript zu erhalten

Die IP-Adresse ist eine Zahlenkombination, die eine eindeutige Adresse für Ihre Netzwerk-Hardware angibt. Es ist wie ein Fingerabdruck, oder einfach so, als ob eine Person eine E-Mail-Adresse hat, um E-Mails zu empfangen. Sie verbindet Ihren Computer mit den anderen Geräten im Netzwerk, im Web und auf der ganzen Welt.

JavaScript erhält eine öffentliche IP-Adresse, die zu einem Client gehört, der Anwendungen von Drittanbietern verwendet. Die Drittanbieter-Anwendung holt die IP-Adresse des Benutzers ab und gibt sie in drei Formaten zurück - im Klartext-, JSON- und JSONP-Format. Es gibt Dutzende solcher Anwendungen im Internet.

In diesem Artikel stellen wir die drei beliebtesten Tools zum Abrufen von IP-Adressen in JavaScript vor - ipify, ipinfo und Abstract.

Verwenden Sie die Anwendung Ipify, um die IP-Adresse des Clients in JavaScript abzurufen

ipify ist eine Open-Source-Anwendung. Sie können die Codes im [GitHub repository)] erhalten. Es gibt keine Beschränkung, selbst wenn Sie Millionen von Anfragen pro Minute stellen.

Beispiel:

Bitte installieren Sie Axios (HTTP-Client für den Browser und node.js) oder fügen Sie das CDN dafür ein.

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

Ausgabe:

data: {ip: "198.16.76.28"}

Verwenden Sie die Anwendung Ipinfo, um die IP-Adresse des Clients in JavaScript zu erhalten

Die Anwendung Ipinfo hat eine Nutzungsbeschränkung. Sie können 1.000 kostenlose Anfragen pro Tag stellen oder sich mit einem kostenlosen Plan registrieren, um 50.000 kostenlose Anfragen pro Monat zu erhalten.

Beispiel:

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

getIpClient();

Ausgabe:

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

Verwenden Sie die Anwendung Abstract, um die IP-Adresse des Clients in JavaScript zu erhalten

Die Anwendung Abstract hat auch eine Begrenzung auf 20.000 kostenlose Anfragen pro Monat. Und es erfordert eine Registrierung, um Ihren API-Schlüssel zu erhalten, selbst mit einem kostenlosen Plan.

Beispiel:

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();

Bitte besuchen Sie die Website Abstract, um eine Vorschau auf die Ausgabe der obigen Funktion zu erhalten.