Meteor log out do not sync between tabs

问题

I am using Meteor with React and is facing a problem on log out function. When I open more than 2 tabs on the same browser, If I logged out from one tab then the other opening tabs would not be logged out but will be hang if I using it. There are only 2 ways to log out: close the tab or refresh it.

I try the same for log in function and it worked, log in status is synced between all opening tabs.

My current code to call the log out function:

signOut: function(event) {
    event.preventDefault();
    Meteor.logout();
    this.props.history.pushState(null, "/");
},

Thank for the helps.

Update: I checked the websocket, it's seem that the server did send the logout status but my client code did not call the logout method (or it is hang). Then every data in the hang tab is still existing. But I don't know how to check further more.

回答1:

I found the cause. It was because I try to avoid sending data on Meteor.publish() if users is not logged in. The problem is I do not return anything on that case. My solution is return this.ready() when the user is not logged in like this:

Meteor.publish("myCollections", function (){
    if (!this.userId) return this.ready();

    return MyCollections.find({owner: this.userId});
});

回答2:

From the meteor documentation, you can use Meteor.logoutOtherClients() before calling Meteor.logout().

回答3:

Normal (as in non-incognito) browser tabs share the same session resume token. The Meteor server will update them all when the user status changes for the associated session.

It is possible to reactively track the login status using 2 reactive calls:

Meteor.userId() - return the user's id or null if no user is logged in.
Meteor.loggingIn() - returns true if the user is currently in the transient state of logging in and false otherwise.

The status may take a few seconds to update across tabs, but it will happen eventually. It is up to you to detect those changes and act upon them.

You can easily test this by running the following reactive code in the consoles of 2 open tabs connected to the same Meteor server:

Tracker.autorun(function() {
  if (Meteor.loggingIn()) {
    console.info('logging in');
  } else if (Meteor.userId()) {
    console.info('logged in');
  } else {
    console.info('logged out');
  }
});

Try to log in and log out from one of the tab and watch the other follow along.

Using this technique, you could track the login state and change your application state and do something accordingly (e.g, redirect/render a different view or layout) when the login state changes.

来源：https://stackoverflow.com/questions/35584024/meteor-log-out-do-not-sync-between-tabs

标签

javascript

meteor

reactjs

meteor-accounts