AngularJS: Trigger logout automatically when browser closed

Question

I am trying to implement login Authentication module in AngularJS. Now I'm left with implementing logout.

Logout:

I'm updating login, logout and session info in SessionHistory table mainly not to allow 2 different session for a single user at a particular time.

So, function for updating logout info should be triggered for the following,

When user logs out from the app.
When user is idle (Session timeout).
When browser is closed.

First point I did, second point, I'll manage to do (Finding many articles and questions in stackoverflow as well).

But I'm not sure how to trigger the logout function to update in database automatically, when browser is closed. I did not managed to get any article. Please help me with this. I'm also new to AngularJS

Thanks in advance.

Judson Terrell · Accepted Answer · 2015-02-16 05:38:06Z

2

window.onbeforeunload = logmeout();

answered Feb 16, 2015 at 5:38

Judson Terrell

4,3262 gold badges32 silver badges51 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Manoj G Over a year ago

Thank you for your quick response :) Seeing this answer, I feel my big problem getting solved easily. Will accept your answer once I finish implementing.

Judson Terrell Over a year ago

Thank you. I use this for all my logouts on browser close. It ensures that the server event of the logout still gets fired off.

Gawran Over a year ago

More angular way would be using $window. There is no difference in functionality but saves some pain in testing.docs.angularjs.org/api/ng/service/$window

Judson Terrell Over a year ago

Yeah, if you are in the angular realm, its good to use $ scopes.

Manoj G Over a year ago

@judson-terrell: Now I have a problem with this. If I add window.onbeforeunload inside html page with a return message it works. but How to call an angular function with this?, If I put 'window.onbeforeunload` in the main controller, it works only when controller change and not when browser closed. So its not working. If I write logout outside the angular, I cannot get the username and session info. Even the $cookieStore I use works within angular only. How to solve this problem? Am I doing something wrong?

Shaze · Accepted Answer · 2017-10-04 10:59:18Z

0

You will need to detect the browser/tab close which is - $window.onbeforeunload function,then delete the (localstorage) for service, register $window.onbeforeunload in the angular.run, below an example:

angular.module('app', [])
  .controller('exitController', function($scope, $window) {
    $scope.onExit = function() {
     $localStorage.$reset();//it will delete all the data from localstorage.
    };

   $window.onbeforeunload =  $scope.onExit;
  });

Please note: This will log out even if multiple tabs are opened.

answered Oct 4, 2017 at 10:59

Shaze

1,0151 gold badge13 silver badges19 bronze badges

Collectives™ on Stack Overflow

AngularJS: Trigger logout automatically when browser closed

2 Answers 2

5 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related