导引
测试有效方法:方法一;
测试浏览器:Chrome;
方法二在Chrome 测试无效;
方法一
// 获取本机IP
async function getUserIp() {
let ip = '';
const RTCPeerConnection =
window.RTCPeerConnection ||
window.mozRTCPeerConnection ||
window.webkitRTCPeerConnection;
if (RTCPeerConnection) {
const rtc = new RTCPeerConnection();
await rtc.createDataChannel(''); //创建一个可以发送任意数据的数据通道
await rtc.createOffer(
async (offerDesc) => {
//创建并存储一个sdp数据
await rtc.setLocalDescription(offerDesc);
},
(e) => {
console.log(e);
}
);
return new Promise((resolve) => {
rtc.onicecandidate = (evt) => {
//监听candidate事件
if (evt.candidate) {
console.log('evt:', evt.candidate);
const ip_rule =
/([0-9]{1,3}(\.[0-9]{1,3}){3}|[a-f0-9]{1,4}(:[a-f0-9]{1,4}){7})/;
const ip_addr = ip_rule.exec(evt.candidate.candidate)[1];
console.log('ip_addr:', ip_addr); //打印获取的IP地址
resolve(ip_addr || '');
}
};
});
}
return ip;
};
getUserIp().then((ip) => {
console.log('===IP===', ip);
});
方法二
//获取用户本地ip的方法
const getUserIP= (onNewIP)=> {
let MyPeerConnection = window.RTCPeerConnection || window.mozRTCPeerConnection || window.webkitRTCPeerConnection;
let pc = new MyPeerConnection({
iceServers: []
});
let noop = () => {
};
let localIPs = {};
let ipRegex = /([0-9]{1,3}(\.[0-9]{1,3}){3}|[a-f0-9]{1,4}(:[a-f0-9]{1,4}){7})/g;
let iterateIP = (ip) => {
if (!localIPs[ip]) onNewIP(ip);
localIPs[ip] = true;
};
pc.createDataChannel('');
pc.createOffer().then((sdp) => {
sdp.sdp.split('\n').forEach(function (line) {
if (line.indexOf('candidate') < 0) return;
line.match(ipRegex).forEach(iterateIP);
});
pc.setLocalDescription(sdp, noop, noop);
}).catch((reason) => {
});
pc.onicecandidate = (ice) => {
if (!ice || !ice.candidate || !ice.candidate.candidate || !ice.candidate.candidate.match(ipRegex)) return;
ice.candidate.candidate.match(ipRegex).forEach(iterateIP);
};
}
getUserIP((ip) => {
state.ip=ip
console.log(ip)
console.log(state.ip)
});
如果电脑没获取到,基本上是因为浏览器限制了,解除方法如下:
解决方案
火狐(FireFox) 删除隐藏IP
浏览器输入 about:config
搜索配置 media.peerconnection.enabled 改为false ( 刷新程序,IP正常显示 )
谷歌(Chrome) 删除隐藏IP
浏览器输入:chrome://flags/#enable-webrtc-hide-local-ips-with-mdns
把 Anonymize local IPs exposed by WebRTC 设置为 disabled ( 刷新程序,IP正常显示 )
eage浏览器删除隐藏ip
浏览器输入: edge://flags/#enable-webrtc-hide-local-ips-with-mdns
把 Anonymize local IPs exposed by WebRTC 设置为 disabled ( 刷新程序,IP正常显示 )