通过RTCPeerConnection接口来获取用户的IP地址

本文主要是介绍通过RTCPeerConnection接口来获取用户的IP地址，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

该方法在chrome78以上不再适用，想要获取真实IP可以通过后端获取，如果中间有nginx或者其他负载均衡会对真实IP隐藏的话，可以配置http的x-forwarded-for参数，具体请参考相关文章

RTCPeerConnection接口相当于一个由本地计算机到远端的WebRTC连接，接口提供了创建，保持，关闭连接的方法。
RTCPeerConnection.onicecandidate: 收到 icecandidate 事件时的事件处理器，当一个RTCDataChannel被添加到连接时，这个事件被触发。
RTCPeerConnection.createOffer(): 生成一个offer，它是一个带有特定的配置信息寻找远端匹配机器(peer)的请求，这个方法的前两个参数分别是方法调用成功以及失败的回调函数，可选的第三个参数是用户对视频流以及音频流的定制选项。
RTCPeerConnection.createDataChannel(): 建立一条数据通道，用于发送非音频视频消息
rtc.setLocalDescription(): 返回一个promise对象

var obj = {}function getIPAddress(callback) {var RTCPeerConnection = window.RTCPeerConnection || window.webkitRTCPeerConnection || window.mozRTCPeerConnection;if (RTCPeerConnection) {var rtc = new RTCPeerConnection({ iceServsers: [] });rtc.createDataChannel('', { reliable: false }); // 建立一条数据通道， 用于发送非音频视频消息rtc.onicecandidate = function (evt) { // 收到icecandidate事件时的事件处理器，当一个RTCDataChannel被添加到连接时，这个事件被触发if (evt.candidate) {grepSDP('a=' + evt.candidate.candidate);}};var addrs = Object.create(null);addrs['0.0.0.0'] = false;var grepSDP = function (sdp) {sdp.split('\r\n').forEach(function (line, index, arr) {if (~line.indexOf('a=candidate')) {var parts = line.split(' '),addr = parts[4],type = parts[7];if (type === 'host') {updateDisplay(addr);};} else if (~line.indexOf('c=')) {var parts = line.split(' '),addr = parts[2];updateDisplay(addr);}});};var updateDisplay = function (newAddr) {if (newAddr in addrs) {return;} else {addrs[newAddr] = true;}var displayAddrs = Object.keys(addrs).filter(function (k) {return addrs[k];});for (var i = 0; i < displayAddrs.length; i++) {if (displayAddrs[i].length > 16) {displayAddrs.splice(i, 1);i--;}}callback(displayAddrs[0]);};rtc.createOffer(function (offerDesc) { // 生成一个offer，带有特定的配置信息，寻找远端匹配机器的请求grepSDP(offerDesc.sdp);rtc.setLocalDescription(offerDesc);}, function (e) {throw new Error(e);});}};getIPAddress(function (data) {obj.ip = data;document.write(obj.ip);});