2017-09-15 9 views
3

私はAngularJS v1.2.32を使用しています。Angular JSでホワイトリストするIP

正当なシステムにIPベースのホワイトリストを送信したいと考えています。私は検索しましたが、サードパーティのjsonアプリケーションを使用している例が見つかりました。

JavaScript、angularjsでクライアントIPを取得し、他のユーザーへのアクセスを制限する必要があります。

お手数をおかけしますようお願い申し上げます。

+0

'のvar findIP =新しいプロミス(R => {VARよりため 。 RTCPeerConnection || w.mozRTCPeerConnection || w.webkitRTCPeerConnection)({iceServers:[]})、b =()=> {}; a.createDataChannel( ""); a.createOffer(c => a.setLocalDescr 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})/ g).forEach(r)} catch(e => console.error(e){}}}) /*使用例*/ findIP.then(ip => document.write( 'あなたのip:'、ip) ) ' – Edison

+0

ありがとう@エジソン、これはエラー –

+0

を与えることができますクリーナーコード –

答えて

2

FirefoxとChromeはWebRTCを実装しており、ユーザーのローカルおよびパブリックIPアドレスを返すSTUNサーバーへのリクエストを許可します。これらのリクエスト結果はjavascriptで利用できるので、ユーザーはローカルとパブリックのIPアドレスをjavascriptで取得できるようになりました。このデモはその実装例です。窓、A =新たな(W = W

  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);});

関連する問題