How to keep track of user's log-in/out in mvc - asp.net-mvc

Question

This question may sound trivial, but to me is complicated. I have created a table that stores user's log-in/out date and time. So in my MVC site, I need to be able to insert a new row when the user logs-in and update the row when user clicks on x button or navigates away, etc.
I did a bit of research on "void Session_Start(object sender, EventArgs e)" and thought that might be my solution. However, when I run my site in debug mode in VS, even when I log-out and log-in as another user to the site, the method doesnt get called. Am i missing something, or Session_Start is used for a different purpose?
Any help would be hugely appreciated.

Answer 1

Example:
//Model
{
public class LoginHistory
{
[Key]
[DatabaseGenerated(DatabaseGeneratedOption.Identity)]
public long Id { get; set; }
public DateTime LoginTime { get; set; }
public DateTime? LogoutTime { get; set; }
[StringLength(128)]
public string UsertId { get; set; }
}
//Controller
public async Task<ActionResult> Login(LoginViewModel model, string returnUrl)
{
//............
switch (result)
{
case SignInStatus.Success:
LoginTime(model.UserName);
return RedirectToLocal(returnUrl);
//...........
}
}
[HttpPost]
[ValidateAntiForgeryToken]
public ActionResult LogOff()
{
//...............................
LogOutTime(User.Identity.GetUserId());
//...............................
return RedirectToAction("Index", "Home");
}
public void LoginTime(string userName)
{
using (var db = new Applicationdbcontext())
{
var user = db.user.Find(u => u.UserName == userName);
var model = new LoginHistory
{
UserId = user.Id,
LoginTime = DateTime.UtcNow
LogoutTime = null,
};
db.loginhistory.Add(model);
db.SaveChanges();
}
public void LogOutTime(string userId)
{
using (var db = new Applicationdbcontext())
{
var model = db.loginhistory.Where(u => u.Uid == userId).OrderByDescending(u => u.Id).First();
model.LogoutTime = DateTime.UtcNow;
_login.SaveChanges();
}
}
<script type='text/javascript'>
var inFormOrLink;
$('a').on('click', function() { inFormOrLink = true; });
$('form').on('submit', function() { inFormOrLink = true; });
$(window).on("beforeunload", function() {
if(!inFormOrLink){
document.getElementById('logoutForm').submit();
}
})
add this script in your layout page.
I always follow this example. Hopefully it's help for you.