网站设置访问权限，只允许指定IP访问

在开发的过程中，有时会遇到只允许特定的几个IP访问。今天来记录一下前端的写法。 首先，引入

<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>

它会返回当前设备的IP等信息。你可以使用。

var ip = returnCitySN["cip"];

然后设置白名单。

var allowIP = ['171.15.148.201', '171.15.148.209']; //允许访问

把白名单和拿到的设备IP比对。

for(var i=0; i<allowIP.length; i++){    
 if (ip == allowIP[i]){       
  flag = true;        
 break;     }
 }

如果不是指定IP，则关闭网页。

if(!flag){    
 alert("您无权限访问该网站。");   
 closewin(); }

封装关闭网页的函数。 function closewin(){ if (navigator.userAgent.indexOf(“Firefox”) != -1 || navigator.userAgent.indexOf(“Chrome”) !=-1) { window.location.href=”about:blank”; window.close(); } else { window.opener = null; window.open(“”, “_self”); window.close(); } } 完整版代码如下：

<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
<script>
    var ip = returnCitySN["cip"];
    var allowIP = ['171.15.148.201', '171.15.148.209']; //允许访问
    var flag = false;

    console.log(ip)
    for(var i=0; i<allowIP.length; i++){
        if (ip == allowIP[i]){
            flag = true;
            break;
        }
    }
    if(!flag){
        alert("您无权限访问该网站。");
        closewin();
    }

    function closewin(){
        if (navigator.userAgent.indexOf("Firefox") != -1 || navigator.userAgent.indexOf("Chrome") !=-1) {
            window.location.href="about:blank";
            window.close();
        } else {
            window.opener = null;
            window.open("", "_self");
            window.close();
        }
    }

</script>