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来实现。