Is there a reliable method for detecting when a user logs out of the website? I have some maintenance tasks that need to be handled upon logout. The website is built using meteor.js user accounts.
I will also be implementing validation features, so it's crucial that any solution cannot be manipulated by users on the client side - ideally, the solution should be entirely server-side.
If you want to keep track of user logins and logouts in a Meteor application, you can utilize Deps.autorun to create a custom handler observing changes in the reactive variable Meteor.userId(). This variable returns the currently logged-in user's ID (null if no one is logged in) and their corresponding user document in the Meteor.users collection.
By monitoring the modifications of these reactive data sources, you can effectively monitor when users sign in or out of your application.
In your client/main.js file, you can set up a local variable (lastUser) to store the information of the last logged-in user. Within the Meteor.startup function, you can use Deps.autorun to create a reactive context that tracks changes in Meteor.userId() and reacts accordingly.
If a user logs out, you won't be able to access Meteor.user(), but you can still retrieve the last user's details from the lastUser variable. You can then call a server method passing the lastUser._id as an argument to make any necessary modifications to the user document upon logout.
In your server/server.js file, you can define a method called userDisconnected which takes the user's ID as an argument and retrieves the user document for further processing.
Remember to implement proper verification mechanisms to prevent malicious clients from abusing this server method by passing arbitrary user IDs for unauthorized actions.
To manage user status in your Meteor app, take advantage of the user-status package that I've developed. You can find it here: https://github.com/mizzao/meteor-user-status. This functionality is handled entirely on the server side.
Refer to the documentation for detailed instructions, but one useful feature is attaching an event handler to a session logout event:
UserStatus.events.on "connectionLogout", (fields) ->
console.log(fields.userId + " with connection " + fields.connectionId + " logged out")
It's important to note that users may be simultaneously logged in from multiple devices or locations with different sessions. This smart package can identify all active sessions and whether the user is online. For further details or custom implementations, feel free to explore the source code.
Currently, the package does not differentiate between browser window closures and logouts, treating them as equivalent actions.
We had a similar request that required some modifications when clients logged out. Our solution involved intercepting the Meteor.logout function:
if (Meteor.isClient) {
var _logout = Meteor.logout;
Meteor.logout = function customLogout() {
// Implement your custom logic here
_logout.apply(Meteor, arguments);
}
}
The solution proposed by @saimeunt seemed accurate, but it was a bit verbose for my needs. Instead, I opted for a more concise approach:
if (Meteor.isClient) {
Deps.autorun(function () {
if(!Meteor.userId())
{
Session.set('store', null);
}
});
}
However, this code is triggered during page load if the user is not logged in, which may not be ideal. An alternative could look something like this:
if (Meteor.isClient) {
var userWasLoggedIn = false;
Deps.autorun(function (c) {
if(!Meteor.userId())
{
if(userWasLoggedIn)
{
console.log('Cleanup process');
Session.set('store', null);
}
}
else
{
userWasLoggedIn = true;
}
});
}
After trying various solutions, I found that none of them were effective because they couldn't differentiate between a manual logout by the user and a browser page reload or closure.
Ultimately, I resorted to using a workaround that seems to do the trick (as long as no other logout methods are provided aside from the default accounts-ui buttons):
Template._loginButtons.events({
'click #login-buttons-logout': function(ev) {
console.log("manual log out");
// perform necessary actions
}
});
For information on logging out with Meteor, check out this link -
When it comes to jQuery and JavaScript, I admittedly struggle a bit. I have a specific question but can't seem to find the right search terms to get me there. It involves using either .trigger() or on(), but I'm unsure of the correct implementati ...
I am facing an issue where my code is not adding the product bundles to the cart using AJAX, however, it works perfectly fine with simple and variable products. If I disable the AJAX call function, the code works but unfortunately, it results in the page ...
When my template loads first, the http request is fired. Because of this, when I load the page for the first time, it shows a 404 image src not found error in the console. However, after a few milliseconds, the data successfully loads. After researching a ...
I've implemented Jquery Toastr to display success messages, functioning similarly to an alert for a brief period. My objective is to display a message after the page reloads. The issue arises when the page is reloaded, causing the JavaScript to reloa ...
I'm currently working on developing an HTML application using a canvas as the base. The canvas will consist of a large grid, around 1500 x 700 in size, totaling to over 1 million cells. The main concern is how to efficiently render this grid without ...
Utilizing Angular Date Time Picker to invoke owl-date-time has been functioning flawlessly. However, one issue I have encountered is that the calendar does not automatically close after selecting a date. Instead, I am required to click outside of the cal ...
I've been searching all over the place and I just can't seem to find a solution to my specific situation. But here's what I'm dealing with: Instead of using inline HTML onclick, I'm trying to use jQuery click() like this $(docume ...
I am currently in the process of developing a responsive website, and my goal is to have the homepage display without any need for scrolling. The layout consists of a 239px tall header, a footer that is 94px tall, and an Owl Carousel that slides through im ...
<div class="mat-list-item" *ngIf="authService.isAdmin()" (click)="openModal('site-settings', site.siteID)"> <span class="mat-list-item-content">{{ "Application.site_settings_label&q ...
I'm running into an issue while using grafana with graphite data. When I attempt to parse the data, I encounter an error due to the server not providing a JSON response. I am experimenting with scripted dashboards and utilizing the script found here: ...
Hi there, I'm currently working on a project that requires generating dynamic divs with a textbox and delete button inside each one. The challenge I'm facing is figuring out how to assign a unique ID to each textbox element so that I can properly ...
I recently came across a sleek and professional web page widget that includes links (for example, and meetup.com). Could someone assist me in finding the library responsible for creating these links? I explored the discussion on Need a service that build ...
Is there a way to modify the background color or opacity of a specific area within an image? Take a look at my HTML, JavaScript, and CSS: function changeColor() { document.getElementById('testid').setAttribute("class", "style1"); } ...
Currently, I am focused on improving the speed of our website. To achieve this, the client is utilizing ajax to preload the expected next page of the application: $.ajax({url: '/some/real/path', ...}); Upon receiving a response from the server ...
I am facing an issue with the undefined value in the select view while attempting to add a new project. Could you suggest a solution? I tried using v-if but it didn't work for me. This is how my code looks: <v-select v-model="pro ...
.el:active{ background:red; } Is there a way to associate the above CSS active state with a JavaScript event, like this: $('.el').on('active', function(){ img.show(); }); I want the image to remain visible when el is presse ...
I have a quick question about importing a component from a material-ui library in my React project. Despite having the correct path, the module cannot be found. Here is the code snippet: import React from 'react'; import ReactDOM from 're ...
While using React-Material-Table, I encountered an issue where some values are null, resulting in the error message "Uncaught TypeError: Cannot read properties of null (reading 'name')". 1. How can I address this problem? 2. Is there a way to se ...
Currently, I am developing a D3 world map with a zoom feature that allows users to zoom in up to the boundary level of any country or county by clicking on it. I have successfully added bubbles that point to various counties in Kenya, and these bubbles en ...
<html> <head> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"& ...