RTCPeerConnection和createDataChannel无法用于Edge

时间:2019-02-05 06:09:31

标签: reactjs redux ip-address rtcpeerconnection

我一直在研究一个应用程序,当一个人登录一个帐户时,设备的IP地址存储在后端和本地存储中。然后,当某人从另一个浏览器左右登录同一帐户时,它将显示一个带有最后一个登录IP地址的弹出窗口。它似乎适用于chrome和Mozilla,但不适用于边缘浏览器。它始终返回null,因为它不在pc.createDataChannel之后输入代码。

代码段如下。

const getIpAddress = state => {
    window.RTCPeerConnection = window.RTCPeerConnection || 
window.mozRTCPeerConnection || window.webkitRTCPeerConnection || false;
let ip = false;
if (window.RTCPeerConnection) {
    ip = [];
    var pc = new RTCPeerConnection({ iceServers: [] }), noop = function 
() {
    };
    pc.createDataChannel('');
    pc.createOffer(pc.setLocalDescription.bind(pc), noop);
    pc.onicecandidate = function (event) {
        if (event && event.candidate && event.candidate.candidate) {
            var s = event.candidate.candidate.split('\n');
            ip.push(s[0].split(' ')[4]);
            localStorage.setItem('ipV4Address', ip[0]);
        }
    };
}
return state;
};

我也尝试使用适配器js,但不确定如何正确使用它。

2 个答案:

答案 0 :(得分:0)

WebRTC对等连接尚未在Edge v18浏览器上完全支持。您可以通过Can I use RTCPeerConnection ?

检查您的浏览器是否兼容

答案 1 :(得分:0)

似乎没有办法在边缘浏览器中实际获得私有ip,因此必须使用第三方api来获取公共ip并使用它。