html/Javascript Clientside User Login

Question

웹 응용 프로그램에 인증을 추가하고 있습니다. 그것은 asp.net mvc 단일 페이지 응용 프로그램입니다. 현재 웹 응용 프로그램은 인증을 위해 asp.net mvc만을 사용하고 있습니다. Request.IsAuthenticated는 AppController에서 확인합니다. 로그인 페이지를 제공하는 것보다 인증되지 않은 경우 (그렇지 않으면 app.html 페이지를 저장합니다).

[HttpPost] 
    [AllowAnonymous] 
    [ValidateAntiForgeryToken] 
    public ActionResult LogOn(LogOnModel model, string returnUrl) 
    { 
     if (ModelState.IsValid) 
     { 
      //VALIDATE USER NAME AND PASSWORD     
      if (Repository_Security.CheckUser(model.UserName, model.Password)) 
      { 
       FormsAuthentication.SetAuthCookie(model.UserName, model.RememberMe); 
       if (Url.IsLocalUrl(returnUrl) && returnUrl.Length > 1 && returnUrl.StartsWith("/") && !returnUrl.StartsWith("//") && !returnUrl.StartsWith("/\\\\")) 
       { 
        return Redirect(returnUrl); 
       } 
       else 
       { 
        return RedirectToAction("Index", "App"); 
       } 
      } 
      else 
      { 
       ModelState.AddModelError("", "The user name or password provided is incorrect."); 
      } 
     } 

     // If we got this far, something failed, redisplay form 
     return View(model); 
    } 

정말 그 단지 사용자 이름과 암호를 복용하고 데이터베이스에 대해 유효성 검사 : 내 AccountController에서 나는 다음과 같은 로그온 작업이 있습니다. AuthCookie가 지나면 설정합니다.

자바 스크립트 및 아약스 데이터 호출의 브라우저에서 전적으로 클라이언트 측에서이 작업을 수행하는 경우 내 질문이 가능합니다. 클라이언트 측 코드에서 사용자가 인증되었는지 확인하기 위해 검사를 추가 할 수있을뿐 아니라 로그인 페이지에 던져 넣을 수 있습니까?

아이디어가 있으십니까? 감사.

Answer 1

예, MVC는 클라이언트 측 Ajax 작업에 이상적입니다.

JSON을 반환하도록 컨트롤러를 수정할 수 있으며 jquery ajax 호출로 clienside javascript를 사용하여 반환 된 json을 처리 할 수 ​​있습니다.

변경 마지막 줄을

return Json(new {IsSuccess=successVariable, RedirectUrl=myRedirectUrl, Message=failedErrorMessage}); 

이 리디렉션 라인을 조정 다음은 대신 설정 myRedirectUrl 변수 같은 것을보고 (보기 (모델)을 반환).

업데이트

당신이 (이 같은 간단한 작업에 대한 잔인한이기로) 프로젝트에 MVC를 제거하려면, 사이트에 웹 서비스 (ASMX)를 추가합니다. 내부 다음과 유사한의 WebMethod를 만들 :

[WebMethod] 
[ScriptMethod(ResponseFormat = ResponseFormat.Json)] 
public LogonResponse Logon(LogonModel model){ 
    ... do login logic as your original code... 
    return new LogonResponse() { IsSuccess = successVar, RedirectUrl=myRedirectUrl, Message=failedErrorMsg}; 
} 

Answer 2

당신이 할 수있는 응용 프로그램이 전체의 보안을 필요뿐만 아니라 클라이언트 측에서 ...하지만 경우,이 모델은 열 업 것을 많은 보안 루프 홀.

Answer 3

FormsAuthentication.SetAuthCookie()에 전화 할 때 브라우저에 인증 쿠키를 저장할 수 있도록 Set-Cookie 헤더를 클라이언트에 보냅니다. 자바 스크립트를 사용하여이 쿠키 클라이언트 측의 존재를 확인할 수 있습니다. 그 다음 : 로그인 페이지로

if (document.cookie.indexOf(".ASPXAUTH") >= 0) alert("You are logged in"); 
else window.location.href = "http://www.domain.com/login";