在JavaScript中获取本地IP地址

在开发前端应用程序时，有时需要获取本机的IP地址。本文将向您展示如何在JavaScript中获取本地IP地址。

使用WebRTC技术获取本地IP地址

WebRTC是一种支持浏览器之间实时通信的技术，它提供了许多API，其中包括获取本地IP地址的API。

以下是使用WebRTC技术获取本地IP地址的步骤：

1.创建RTCPeerConnection对象

const pc = new RTCPeerConnection();

2.添加一个空的音频轨道

pc.addTransceiver('audio', {direction: 'sendrecv'});

3.监听onicecandidate事件，收集候选者

let candidates = [];
pc.onicecandidate = event => {
  if (event.candidate) {
    candidates.push(event.candidate);
  } else {
    // 所有候选者已被收集到candidates数组中
  }
};

4.创建一个SDP offer

const offer = await pc.createOffer();
await pc.setLocalDescription(offer);

5.从localDescription中提取本地IP地址

const localDescription = pc.localDescription.sdp;
const ipAddress = localDescription.match(/a=candidate:.+?\r\n/g)
  .map(candidate => candidate.split(' ')[4])
  .filter(ip => !ip.startsWith('192.168') && !ip.startsWith('172.') && !ip.startsWith('10.'));
console.log(ipAddress);

以上代码将返回除了私有IP地址之外的所有IP地址。

使用第三方库获取本地IP地址

除了WebRTC，还有一些第三方库可以用来获取本地IP地址。其中，ipify是一种流行的解决方案。

以下是使用ipify库获取本地IP地址的步骤：

1.安装ipify库

npm install ipify

2.导入ipify库并调用它的方法

const ipify = require('ipify');

ipify().then(ipAddress => {
  console.log(ipAddress);
}).catch(error => {
  console.log(error);
});

以上代码将返回本机的公共IP地址。

结论

在这篇文章中，我们介绍了两种方法来获取本地IP地址：使用WebRTC技术和使用第三方库。它们各有优缺点，具体取决于您的需求。这些技术对于开发需要与本地网络连接的应用程序非常有用，并且能够帮助开发人员快速识别网络问题。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/9084