怎么设置只允许特定IP访问我的网站的前端写法

怎么设置只允许特定IP访问我的网站的前端写法

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

首先，引入

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

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

var ip = returnCitySN["cip"];

然后设置白名单。

var allowIP = ['192.168.0.10', '192.168.0.11']; //允许访问

把白名单和拿到的设备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 = ['192.168.0.10', '192.168.0.11']; //允许访问
    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>