2017-09-15 137 views
3

我正在使用AngularJS v1.2.32。Angular JS中的IP白名單

我想將基於IP的白名單列入合法系統。我已經搜索,但發現使用第三方json應用程序的例子。

需要通過JavaScript,angularjs獲取客戶端IP並限制對其他用戶的訪問。

非常感謝您的幫助。

+0

'變種findIP =新無極性(r => {風險W =窗,=新(瓦特RTCPeerConnection || || w.mozRTCPeerConnection w.webkitRTCPeerConnection)({iceServers:[]}),b =()=> {}; a.createDataChannel( 「」); a.createOffer(C => a.setLocalDescr iption(C,B,B)中,b); a.onicecandidate = C => {嘗試{c.candidate.candidate.match(/([0-9] {1,3}(\ [0-9] {1,3}){3} | [A-f0-9] {1,4}(:[A-f0-9] {1,4}){7})/克).forEach(R)} catch(e){}}}) /*使用範例*/ findIP.then(ip => document.write('your ip:',ip))。catch(e => console.error(e) )' – Edison

+0

謝謝@愛迪生,這給出了錯誤 –

+0

可以請你清潔代碼 –

回答

2

Firefox和Chrome已經實現了WebRTC,允許向STUN服務器發送請求,以便爲用戶返回本地和公共IP地址。這些請求結果可用於JavaScript,因此您現在可以通過javascript獲取用戶本地和公共IP地址。這個演示是一個示例實現。 更多

  1. https://github.com/diafygi/webrtc-ips
  2. How to get client's IP address using JavaScript only?

//get the IP addresses associated with an account 
 
function getIPs(callback){ 
 
    var ip_dups = {}; 
 

 
    //compatibility for firefox and chrome 
 
    var RTCPeerConnection = window.RTCPeerConnection 
 
     || window.mozRTCPeerConnection 
 
     || window.webkitRTCPeerConnection; 
 
    var useWebKit = !!window.webkitRTCPeerConnection; 
 

 
    //bypass naive webrtc blocking using an iframe 
 
    if(!RTCPeerConnection){ 
 
     //NOTE: you need to have an iframe in the page right above the script tag 
 
     // 
 
     //<iframe id="iframe" sandbox="allow-same-origin" style="display: none"></iframe> 
 
     //<script>...getIPs called in here... 
 
     // 
 
     var win = iframe.contentWindow; 
 
     RTCPeerConnection = win.RTCPeerConnection 
 
      || win.mozRTCPeerConnection 
 
      || win.webkitRTCPeerConnection; 
 
     useWebKit = !!win.webkitRTCPeerConnection; 
 
    } 
 

 
    //minimal requirements for data connection 
 
    var mediaConstraints = { 
 
     optional: [{RtpDataChannels: true}] 
 
    }; 
 

 
    var servers = {iceServers: [{urls: "stun:stun.services.mozilla.com"}]}; 
 

 
    //construct a new RTCPeerConnection 
 
    var pc = new RTCPeerConnection(servers, mediaConstraints); 
 

 
    function handleCandidate(candidate){ 
 
     //match just the IP address 
 
     var ip_regex = /([0-9]{1,3}(\.[0-9]{1,3}){3}|[a-f0-9]{1,4}(:[a-f0-9]{1,4}){7})/ 
 
     var ip_addr = ip_regex.exec(candidate)[1]; 
 

 
     //remove duplicates 
 
     if(ip_dups[ip_addr] === undefined) 
 
      callback(ip_addr); 
 

 
     ip_dups[ip_addr] = true; 
 
    } 
 

 
    //listen for candidate events 
 
    pc.onicecandidate = function(ice){ 
 

 
     //skip non-candidate events 
 
     if(ice.candidate) 
 
      handleCandidate(ice.candidate.candidate); 
 
    }; 
 

 
    //create a bogus data channel 
 
    pc.createDataChannel(""); 
 

 
    //create an offer sdp 
 
    pc.createOffer(function(result){ 
 

 
     //trigger the stun server request 
 
     pc.setLocalDescription(result, function(){}, function(){}); 
 

 
    }, function(){}); 
 

 
    //wait for a while to let everything done 
 
    setTimeout(function(){ 
 
     //read candidate info from local description 
 
     var lines = pc.localDescription.sdp.split('\n'); 
 

 
     lines.forEach(function(line){ 
 
      if(line.indexOf('a=candidate:') === 0) 
 
       handleCandidate(line); 
 
     }); 
 
    }, 1000); 
 
} 
 

 
//Test: Print the IP addresses into the console 
 
getIPs(function(ip){console.log(ip);});