背景
在Web开发过程中，有时需要获取用户的IP地址。通常情况下，可以通过HTTP请求头中的"X-Forwarded-For"字段或者"Remote Address"字段获取到用户的公网IP地址。但是如果我们想要获取用户的本地局域网IP地址呢？这可能会涉及到一些网络安全问题，但在某些特定场景中这是必须的。本文将介绍如何使用JavaScript获取用户的本地局域网IP地址。
解决方案
方案一：使用WebRTC API
WebRTC是一个实时通信协议，它提供了许多API，其中包括获取本地IP地址的功能。具体来说，我们可以使用RTCPeerConnection对象的getStats()方法获取到一份统计数据，其中包含了网络连接相关的信息，包括本地IP地址。
以下是示例代码：
-- -------------------- ---- -------
-- -----------------------
----- -- - --- --------------------
-- ------
------------------------ -- -
-- --------
-------------------- -- -
-- --------------------
-- ------------ --- ----------- -- -------------------- --- ------ -- ----------------------------- --- --- -
------------------ -- -------- ---------------
-
---
---需要注意的是，getStats()方法返回的是一个Promise对象，因此需要使用then()方法来处理结果。此外，由于本地IP地址通常以"192.168."开头，因此我们可以通过判断ip属性中是否包含"192.168."来确定该报告是否包含了本地IP地址。
方案二：使用HTTP请求
另一种获取本地IP地址的方式是通过HTTP请求。具体来说，我们可以向一个本地局域网内的服务器发送一个请求，然后在响应中获取到本地IP地址。
以下是示例代码：
// 向本地服务器发送请求
fetch('http://192.168.0.1:3000/myip')
.then(response => response.text())
.then(ip => console.log(`Local IP address: ${ip}`));需要注意的是，这种方式需要提前在本地局域网内设置一个服务器并监听一个端口号。另外，由于跨域问题，通常只能向同一局域网内的服务器发送请求。
总结
通过WebRTC API或HTTP请求，我们可以获取到用户的本地局域网IP地址。但是需要注意的是，由于网络安全问题，在实际应用中应该慎重考虑是否需要获取用户的本地IP地址。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/15117