JS獲取本地IP地址

一、js獲取本地ip的介紹

在Web開發中，有時候需要獲取用戶的本機IP地址，以達到一些特殊的應用需求。但是在Web環境下獲取本機IP地址存在一定的限制。網上常見的解決方案通常是通過JavaScript或後端語言獲取用戶的IP地址，並將其傳給服務端。本文將主要介紹如何使用JS來獲取用戶的本機IP地址。

二、JS獲取本地IP的方法

JS獲取本地IP地址的主要方法是通過RTCPeerConnection對象來實現。首先需要創建RTCPeerConnection對象，然後通過RTCPeerConnection對象的getStats方法獲取本地IP地址。下面是JS代碼示例：

let ip;
const rtcPeerConn = new RTCPeerConnection();
rtcPeerConn.createDataChannel('');
rtcPeerConn.createOffer().then((offer) => {
    return rtcPeerConn.setLocalDescription(offer);
}).then(() => {
    return new Promise((resolve) => {
        if (rtcPeerConn.iceGatheringState === 'complete') {
            resolve();
        } else {
            const onIceCandidate = (event) => {
                if (event.candidate === null) {
                    rtcPeerConn.removeEventListener('icecandidate', onIceCandidate);
                    resolve();
                }
            };
            rtcPeerConn.addEventListener('icecandidate', onIceCandidate);
        }
    });
}).then(() => {
    const connection = rtcPeerConn.getStats().then((results) => {
        const candidates = [];
        results.forEach((result) => {
            if (result.type === 'candidate') {
                const candidate = JSON.stringify(result.candidate);
                if (candidate.indexOf(ip) !== -1) {
                    candidates.push(candidate);
                }
            }
        });
        console.log(candidates);
    });
}).catch((error) => {
    console.error(error);
});

三、JS獲取本地IP地址和主機名稱

JS獲取本地IP地址和主機名稱的方法與獲取本地IP地址類似。只需要利用WebSocket協議來獲取本機IP地址和主機名。下面是JS代碼示例：

const ws = new WebSocket('ws://echo.websocket.org');
ws.onopen = () => {
    const address = ws._socket.localAddress;
    const hostname = ws._socket.localPort;
    console.log(`Address: ${address} Hostname: ${hostname}`);
    ws.close();
};

四、其它相關內容

除了使用JS來獲取本地IP地址之外，還有其他語言有不同的實現方式。如C語言、Vue.js等，都可以實現獲取本地IP地址和主機名稱的功能。

C語言通過sockaddr結構體來獲取本地IP地址。可以通過getsockname函數來獲取本地IP地址和端口號，具體實現如下所示：

#include <stdio.h>
#include <stdlib.h>
#include <arpa/inet.h>
int main(int argc, const char **argv) {
    int sockfd, connfd;
    struct sockaddr_in servaddr, remoteaddr;
    socklen_t remoteaddr_len = sizeof(remoteaddr);
    sockfd = socket(AF_INET, SOCK_STREAM, 0);
    if (sockfd == -1) {
        printf("socket error\n");
        exit(0);
    }
    bzero(&servaddr, sizeof(servaddr));
    servaddr.sin_family = AF_INET;
    servaddr.sin_addr.s_addr=htonl(INADDR_ANY);
    servaddr.sin_port=htons(8000);
    bind(sockfd, (struct sockaddr *)&servaddr, sizeof(servaddr));
    listen(sockfd, 1);
    connfd = accept(sockfd, (struct sockaddr *)&remoteaddr, &remoteaddr_len);
    memset(&remoteaddr, 0, sizeof(remoteaddr));
    getsockname(connfd, (struct sockaddr *)&remoteaddr, &remoteaddr_len);
    char buf[100];
    printf("Address: %s port: %d\n", inet_ntop(AF_INET, &remoteaddr.sin_addr, buf, sizeof(buf)), ntohs(remoteaddr.sin_port));
    close(sockfd);
    return 0;
}

而使用Vue.js來獲取本地IP地址，則需要通過後端API接口來獲取。下面是Vue.js代碼示例：

methods: {
    getIPAddress: function () {
        this.$http.get('https://api.ipify.org').then(response => {
            console.log(response.body);
        }, response => {
            console.log('Request failed');
        });
    }
}

五、小結

通過以上的介紹，我們了解了JS獲取本地IP地址的方法。這個方法對於特定的應用場景是非常有用的。但是其還是存在一定的限制，需要使用瀏覽器提供的API或後端API來實現。