用戶身份驗證angularjs單頁應用程序

Question

我已經用HTML和Javascript創建了angularjs應用程序。 但是現在我需要保護應用程序。 如果對任何html頁面（或html模板或javascript）有任何要求：

• /主要
• /產品
• /類別

如果用戶未通過身份驗證，則應將其重定向到登錄頁面。 我沒有使用Asp.net或PHP或Java頁面。 我可以在linux平台上發布我的應用程序。

如何保護我的angularjs單頁應用程序。

Answer 1

最好的辦法是在每次路由更改時檢查用戶身份驗證。 但是，無論您執行哪種客戶端身份驗證，都非常容易通過。 但這也可以是偽代碼：

    $rootScope.$on("$routeChangeStart", function (event, next, current) {
        $rootScope.error = null;
        if (!Auth.authorize(next.access)) {//check if the user is authorized to go to next page
            if(Auth.isLoggedIn()) $location.path('/');//if not authorized and is logged in then send him to home page 
            else                  $location.path('/login');//if not logged in ask for login
        }
    }); 

為了獲得良好的靈活性，請嘗試使用UI-Router ，這是一個github項目，可以幫助您入門angular-client-side-auth 。