javascript - 通过Javascript获取客户端本地IP地址
问题描述
我们的情况是通过 ASP.Net 应用程序获取客户端本地 IP(不是全局 IP)。
我们发现无法通过服务器获取此信息,因此我们尝试使用
$(document).ready(function () {
$.get('http://jsonip.com', function (res) {
$('p').html('IP Address is: ' + res.ip);
});
});
但是我们正在获得全球 IP,我们需要本地 IP 地址,任何人都可以帮助我们解决问题,在此先感谢。
解决方案
事实证明,在 HTML5 中,HTML5 的最新 WebRTC 扩展允许 javascript 查询本地客户端 IP 地址。下面的片段中提供了概念证明
// NOTE: window.RTCPeerConnection is "not a constructor" in FF22/23
var RTCPeerConnection = /*window.RTCPeerConnection ||*/ window.webkitRTCPeerConnection || window.mozRTCPeerConnection;
if (RTCPeerConnection) (function () {
var rtc = new RTCPeerConnection({iceServers:[]});
if (1 || window.mozRTCPeerConnection) { // FF [and now Chrome!] needs a channel/stream to proceed
rtc.createDataChannel('', {reliable:false});
};
rtc.onicecandidate = function (evt) {
// convert the candidate to SDP so we can run it through our general parser
// see https://twitter.com/lancestout/status/525796175425720320 for details
if (evt.candidate) grepSDP("a="+evt.candidate.candidate);
};
rtc.createOffer(function (offerDesc) {
grepSDP(offerDesc.sdp);
rtc.setLocalDescription(offerDesc);
}, function (e) { console.warn("offer failed", e); });
var addrs = Object.create(null);
addrs["0.0.0.0"] = false;
function updateDisplay(newAddr) {
if (newAddr in addrs) return;
else addrs[newAddr] = true;
var displayAddrs = Object.keys(addrs).filter(function (k) { return addrs[k]; });
document.getElementById('list').textContent = displayAddrs.join(" or perhaps ") || "n/a";
}
function grepSDP(sdp) {
var hosts = [];
sdp.split('\r\n').forEach(function (line) { // c.f. http://tools.ietf.org/html/rfc4566#page-39
if (~line.indexOf("a=candidate")) { // http://tools.ietf.org/html/rfc4566#section-5.13
var parts = line.split(' '), // http://tools.ietf.org/html/rfc5245#section-15.1
addr = parts[4],
type = parts[7];
if (type === 'host') updateDisplay(addr);
} else if (~line.indexOf("c=")) { // http://tools.ietf.org/html/rfc4566#section-5.7
var parts = line.split(' '),
addr = parts[2];
updateDisplay(addr);
}
});
}
})(); else {
document.getElementById('list').innerHTML = "<code>ifconfig | grep inet | grep -v inet6 | cut -d\" \" -f2 | tail -n1</code>";
document.getElementById('list').nextSibling.textContent = "In Chrome and Firefox your IP should display automatically, by the power of WebRTCskull.";
}
Your network IP is: <h1 id=list>-</h1>
推荐阅读
- file - 将文件复制到新创建的目录并重命名问题
- ios - iOS didRegisterForRemoteNotificationsWithDeviceToken 获取令牌字符串?
- java - Spring 单元测试是如何使用基于注解的实现来完成的
- android - 不更新表时使用 onUpgrade 的正确方法?
- dc.js - DC.js 禁用选择菜单
- java - 线程顺序执行中的 RxJava newbee 问题
- linux - 将 1.txt、2.txt ... 10.txt 连接成一个文件
- php - 基于两个条件对多维数组进行排序
- java - 在elasticsearch中查询字段中的子字符串
- batch-file - 批处理:仅在父文件夹包含“word”时运行