只允許特定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>