<div id="readability-page-1" class="page"><div>

<p data-ke-size="size16">클라이언트&nbsp;측에서는&nbsp;JavaScript의&nbsp;setInterval&nbsp;함수를&nbsp;사용하여&nbsp;주기적으로&nbsp;서버에&nbsp;세션&nbsp;상태를&nbsp;확인하는&nbsp;요청을&nbsp;보내고,&nbsp;서버&nbsp;측에서는&nbsp;이&nbsp;요청을&nbsp;받아&nbsp;세션&nbsp;상태를&nbsp;확인한&nbsp;후&nbsp;필요한&nbsp;작업을&nbsp;수행하는&nbsp;코드를&nbsp;구현할&nbsp;수&nbsp;있습니다.</p>

<p data-ke-size="size16">이&nbsp;방식을&nbsp;사용하면&nbsp;클라이언트에서는&nbsp;10초마다&nbsp;서버에&nbsp;세션&nbsp;상태를&nbsp;확인하는&nbsp;요청을&nbsp;보내고,&nbsp;서버에서는&nbsp;이&nbsp;요청을&nbsp;받아&nbsp;세션&nbsp;상태를&nbsp;확인한&nbsp;후&nbsp;클라이언트에게&nbsp;응답을&nbsp;보냅니다.&nbsp;클라이언트에서는&nbsp;서버의&nbsp;응답을&nbsp;받아&nbsp;필요하다면&nbsp;경고창을&nbsp;띄우거나&nbsp;다른&nbsp;페이지로&nbsp;이동하게&nbsp;됩니다.&nbsp;이&nbsp;예시에서는&nbsp;'dbContext'가&nbsp;데이터베이스&nbsp;컨텍스트를,&nbsp;'SignInManager'와&nbsp;'UserManager'가&nbsp;각각&nbsp;ASP.NET&nbsp;Identity의&nbsp;SignInManager와&nbsp;UserManager를&nbsp;나타내는&nbsp;것으로&nbsp;가정하였습니다.&nbsp;</p>

<div data-ke-size="size16"><p>또한,&nbsp;'SessionInfo'는&nbsp;사용자의&nbsp;세션&nbsp;정보를&nbsp;나타내는&nbsp;클래스이며,&nbsp;'UserId',&nbsp;'SessionId',&nbsp;'LastAccessTime'&nbsp;등의&nbsp;속성을&nbsp;가지고&nbsp;있습니다.&nbsp;이&nbsp;클래스는&nbsp;실제&nbsp;구현에&nbsp;따라&nbsp;필요한&nbsp;속성을&nbsp;추가하거나&nbsp;변경할&nbsp;수&nbsp;있습니다. </p><p>다음은&nbsp;이를&nbsp;구현한&nbsp;예시입니다:</p></div>

<h4 data-ke-size="size20"><br>클라이언트&nbsp;측</h4>

<p data-ke-size="size16">일반적인&nbsp;HTTP&nbsp;요청-응답&nbsp;방식의&nbsp;웹&nbsp;애플리케이션에서는&nbsp;클라이언트가&nbsp;서버에&nbsp;요청을&nbsp;보내지&nbsp;않는&nbsp;한&nbsp;서버에서&nbsp;클라이언트로&nbsp;데이터를&nbsp;푸시할&nbsp;수&nbsp;없습니다.<br>따라서, 클라이언트 측에서는 setInterval 함수를 사용하여 10초마다 서버에 세션 상태를 확인하는 요청을 보냅니다.</p>

<pre id="code_1709734251315" data-ke-language="javascript" data-ke-type="codeblock"><code>$(document).ready(function() {
    setInterval(function() {
        $.ajax({
            url: '/Account/CheckSession',
            type: 'GET',
            success: function(data) {
                if (data.redirect) {
                    alert('다른 디바이스에서의 로그인이 감지되었습니다. 현재 디바이스에서만 로그인 상태가 유지됩니다.');
                    window.location.href = data.redirectUrl;
                }
            }
        });
    }, 10000);  // 10초마다 실행
});</code></pre>


<h4 data-ke-size="size20">서버 측 세션 상태 확인</h4>

<p data-ke-size="size16">서버&nbsp;측에서는&nbsp;클라이언트의&nbsp;요청을&nbsp;받아&nbsp;세션&nbsp;상태를&nbsp;확인합니다.</p>

<pre id="code_1709734276819" data-ke-language="csharp" data-ke-type="codeblock"><code>public class AccountController : Controller
{
    [HttpGet]
    public ActionResult CheckSession()
    {
        var currentSessionId = System.Web.HttpContext.Current.Session.SessionID;
        var userId = User.Identity.GetUserId();

		//database 에서 인증자 정보로 데이터 가져온다.
        var sessionInfos = dbContext.SessionInfos.Where(x =&gt; x.UserId == userId).ToList();
        //현재 세션값으로 인증자의 database SessionId 을 조회한다.
        var currentSessionInfo = sessionInfos.FirstOrDefault(x =&gt; x.SessionId == currentSessionId);

        // 현재 세션이 유효하지 않을 경우
        if (currentSessionInfo == null)
        {
            return Json(new { redirect = true, redirectUrl = Url.Action("Login", "Account") }, JsonRequestBehavior.AllowGet);
        }

        // 현재 세션이 유효할 경우
        return Json(new { redirect = false }, JsonRequestBehavior.AllowGet);
    }
}</code></pre>


<h4 data-ke-size="size20">인증 후 세션 정보 db 저장</h4>

<p data-ke-size="size16">사용자가&nbsp;로그인하면,&nbsp;세션&nbsp;정보를&nbsp;DB에&nbsp;저장합니다.</p>

<pre id="code_1709734414766" data-ke-language="csharp" data-ke-type="codeblock"><code>[HttpPost]
public async Task&lt;ActionResult&gt; Login(LoginViewModel model, string returnUrl)
{
    if (!ModelState.IsValid)
    {
        return View(model);
    }

    var result = await SignInManager.PasswordSignInAsync(model.Email, model.Password, model.RememberMe, shouldLockout: false);
    switch (result)
    {
        case SignInStatus.Success:
            // 아이디로 사용자 정보를 db 에서 가져온다.
            var user = await UserManager.FindByNameAsync(model.Email);
            
            //인증자 세션값을 SessionInfo 의 SessionId 에 담아 database 에 저장한다.
            var sessionInfo = new SessionInfo
            {
                UserId = user.Id,
                SessionId = System.Web.HttpContext.Current.Session.SessionID,
                LastAccessTime = DateTime.UtcNow
            };
            //database 에 세션값을 저장한다. 저장한다. 
            dbContext.SessionInfos.Add(sessionInfo);
            await dbContext.SaveChangesAsync();
            return RedirectToLocal(returnUrl);
        case SignInStatus.LockedOut:
            return View("Lockout");
        case SignInStatus.RequiresVerification:
            return RedirectToAction("SendCode", new { ReturnUrl = returnUrl, RememberMe = model.RememberMe });
        case SignInStatus.Failure:
        default:
            ModelState.AddModelError("", "Invalid login attempt.");
            return View(model);
    }
}</code></pre>


<h4 data-ke-size="size20">로그아웃 후 세션 db 삭제</h4>

<p data-ke-size="size16">사용자가&nbsp;로그아웃하면,&nbsp;세션&nbsp;정보를&nbsp;DB에서&nbsp;삭제합니다.</p>

<pre id="code_1709734644393" data-ke-language="csharp" data-ke-type="codeblock"><code>[HttpPost]
[ValidateAntiForgeryToken]
public ActionResult LogOff()
{
    AuthenticationManager.SignOut(DefaultAuthenticationTypes.ApplicationCookie);

    // 세션 정보를 DB에서 삭제
    var userId = User.Identity.GetUserId();
    var sessionInfo = dbContext.SessionInfos.FirstOrDefault(x =&gt; x.UserId == userId);
    if (sessionInfo != null)
    {
        dbContext.SessionInfos.Remove(sessionInfo);
        dbContext.SaveChanges();
    }

    return RedirectToAction("Index", "Home");
}</code></pre>



</div></div>

심재운 블로그

클라이언트 측에서는 JavaScript의 setInterval 함수를 사용하여 주기적으로 서버에 세션 상태를 확인하는 요청을 보내고, 서버 측에서는 이 요청을 받아 세션 상태를 확인한 후 필요한 작업을 수행하는 코드를 구현할 수 있습니다.
 
이 방식을 사용하면 클라이언트에서는 10초마다 서버에 세션 상태를 확인하는 요청을 보내고, 서버에서는 이 요청을 받아 세션 상태를 확인한 후 클라이언트에게 응답을 보냅니다. 클라이언트에서는 서버의 응답을 받아 필요하다면 경고창을 띄우거나 다른 페이지로 이동하게 됩니다. 이 예시에서는 'dbContext'가 데이터베이스 컨텍스트를, 'SignInManager'와 'UserManager'가 각각 ASP.NET Identity의 SignInManager와 UserManager를 나타내는 것으로 가정하였습니다. 
 
또한, 'SessionInfo'는 사용자의 세션 정보를 나타내는 클래스이며, 'UserId', 'SessionId', 'LastAccessTime' 등의 속성을 가지고 있습니다. 이 클래스는 실제 구현에 따라 필요한 속성을 추가하거나 변경할 수 있습니다. 
다음은 이를 구현한 예시입니다:
 
클라이언트 측
 
일반적인 HTTP 요청-응답 방식의 웹 애플리케이션에서는 클라이언트가 서버에 요청을 보내지 않는 한 서버에서 클라이언트로 데이터를 푸시할 수 없습니다.
따라서, 클라이언트 측에서는 setInterval 함수를 사용하여 10초마다 서버에 세션 상태를 확인하는 요청을 보냅니다.
 
$(document).ready(function() {
    setInterval(function() {
        $.ajax({
            url: '/Account/CheckSession',
            type: 'GET',
            success: function(data) {
                if (data.redirect) {
                    alert('다른 디바이스에서의 로그인이 감지되었습니다. 현재 디바이스에서만 로그인 상태가 유지됩니다.');
                    window.location.href = data.redirectUrl;
                }
            }
        });
    }, 10000);  // 10초마다 실행
});
 
 
서버 측 세션 상태 확인
 
서버 측에서는 클라이언트의 요청을 받아 세션 상태를 확인합니다.
 
public class AccountController : Controller
{
    [HttpGet]
    public ActionResult CheckSession()
    {
        var currentSessionId = System.Web.HttpContext.Current.Session.SessionID;
        var userId = User.Identity.GetUserId();
		//database 에서 인증자 정보로 데이터 가져온다.
        var sessionInfos = dbContext.SessionInfos.Where(x => x.UserId == userId).ToList();
        //현재 세션값으로 인증자의 database SessionId 을 조회한다.
        var currentSessionInfo = sessionInfos.FirstOrDefault(x => x.SessionId == currentSessionId);
        // 현재 세션이 유효하지 않을 경우
        if (currentSessionInfo == null)
        {
            return Json(new { redirect = true, redirectUrl = Url.Action("Login", "Account") }, JsonRequestBehavior.AllowGet);
        }
        // 현재 세션이 유효할 경우
        return Json(new { redirect = false }, JsonRequestBehavior.AllowGet);
    }
}
 
 
인증 후 세션 정보 db 저장
 
사용자가 로그인하면, 세션 정보를 DB에 저장합니다.
 
[HttpPost]
public async Task<ActionResult> Login(LoginViewModel model, string returnUrl)
{
    if (!ModelState.IsValid)
    {
        return View(model);
    }
    var result = await SignInManager.PasswordSignInAsync(model.Email, model.Password, model.RememberMe, shouldLockout: false);
    switch (result)
    {
        case SignInStatus.Success:
            // 아이디로 사용자 정보를 db 에서 가져온다.
            var user = await UserManager.FindByNameAsync(model.Email);
            
            //인증자 세션값을 SessionInfo 의 SessionId 에 담아 database 에 저장한다.
            var sessionInfo = new SessionInfo
            {
                UserId = user.Id,
                SessionId = System.Web.HttpContext.Current.Session.SessionID,
                LastAccessTime = DateTime.UtcNow
            };
            //database 에 세션값을 저장한다. 저장한다. 
            dbContext.SessionInfos.Add(sessionInfo);
            await dbContext.SaveChangesAsync();
            return RedirectToLocal(returnUrl);
        case SignInStatus.LockedOut:
            return View("Lockout");
        case SignInStatus.RequiresVerification:
            return RedirectToAction("SendCode", new { ReturnUrl = returnUrl, RememberMe = model.RememberMe });
        case SignInStatus.Failure:
        default:
            ModelState.AddModelError("", "Invalid login attempt.");
            return View(model);
    }
}
 
 
로그아웃 후 세션 db 삭제
 
사용자가 로그아웃하면, 세션 정보를 DB에서 삭제합니다.
 
[HttpPost]
[ValidateAntiForgeryToken]
public ActionResult LogOff()
{
    AuthenticationManager.SignOut(DefaultAuthenticationTypes.ApplicationCookie);
    // 세션 정보를 DB에서 삭제
    var userId = User.Identity.GetUserId();
    var sessionInfo = dbContext.SessionInfos.FirstOrDefault(x => x.UserId == userId);
    if (sessionInfo != null)
    {
        dbContext.SessionInfos.Remove(sessionInfo);
        dbContext.SaveChanges();
    }
    return RedirectToAction("Index", "Home");
}

ASP.NET MVC : 중복 로그인 차단 + SESSION 활용

댓글