流星:识别客户端并将数据发送到这个特定的客户端——在其他客户端上创建块元素

meteor: identify client and send data to this specific client - creating block-element on other clients

本文关键字：客户端 其他 元素 创建 识别 数据 流星      更新时间：2023-09-26

我的流星应用程序必须由同一用户在多台电脑上使用，但我必须防止同时使用该应用程序。问题是，用户会频繁地更改工作场所，所以每次用户更改电脑时登录和注销并不是一个好主意。我想到了使用临时注销/阻止屏幕：

示例：有五台电脑。用户已经在所有五台电脑上登录了该应用程序。现在他想在PC 1上工作：在所有其他四台电脑上，该应用程序将通过显示透明覆盖层而被暂时阻止。如果他要去PC 2，他可以通过键入一个小PIN（这比完整登录更快）来删除覆盖，然后他可以在这台PC上工作。

PC 1将同时被阻止。

覆盖可能看起来像这样：

<div id="overlay" class="{{tempLogout}}">
    <input type="text" id="pin">
</div>
#overlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
}
#overlay.logout {
    display: block !important;
}

在我的助手中，我会这样做：

Template.anything.helper({
    tempLogout: function() {
        return (Session.get('currentClient') == clientID) ? '' : 'logout';
    }
});

现在，如果Session变量为false，则会显示覆盖。

我的问题是如何让不同的客户端知道用户当前在哪个平台上工作。这些信息必须是被动的。

因此，在我的概念中，我会为每台电脑创建一个随机ID（也许已经存在任何识别每个客户端的选项了？），并将该ID保存到主体元素上的数据属性：

$('body').attr('data-id', Random.id());

通过键入正确的PIN，此ID将保存到用户集合：

var clientID = $('body').attr('data-id');
Session.set('currentClient', clientID);
Users.update({ _id: Meteor.id() }, { $set: { 'currentClient': clientID } });

通过将Session变量设置为新的客户端ID，所有其他客户端都将被阻止，因为Session变量是被动的。在这里，我不知道我必须使用哪个存储：会话还是集合。

也许有人有一个更聪明的想法来完成这件事。特别是我认为将clientID存储在数据属性中有点。。。哈奇？？以及我如何将客户端ID获取到帮助程序中——因为必须检查currentClient是否相同，那么客户端ID。。。

我认为您的概念应该有效。您应该使用Meteor.user（），这样您就不必订阅任何内容（在您的示例中，您使用通用集合Users）。

您应该使用全局clientID，并避免将其插入html中。类似于：

  //on client
    clientID = Random.id(); //in Meteor a variable without var is global

Template.anything.helper({
    tempLogout: function() {
        return Meteor.user().profile.clientID == clientID ? '' : 'logout';
    }
});

插入正确的引脚时：

   Meteor.users.update({_id: Meteor.userId()}, {$set: {'profile.clientID':clientID}});

如果您有多个要启用/禁用的模板，则必须使用会话或全局模板帮助程序。

我认为如果不使用Meteor.logoutOtherClients（），这将非常困难(http://docs.meteor.com/#/full/meteor_logoutotherclients)。如果您在登录机制中使用了oauth之类的东西，那么登录部分将是一个简单的按钮点击以返回应用程序，这实际上比pin简单得多。

相关文章：