繁体   English   中英

检测流星应用程序的首次用户

[英]Detect first time user for meteor app

我正在使用Meteor构建应用程序,并且希望创建一个首次用户启动屏幕-类似于“关于/欢迎”页面。 本质上,某些东西会在首次启动该应用程序后拉一次屏幕,而不会再次出现; 如果用户已经打开了应用程序,则将他们定向到另一个页面。

我没有使用登录凭据,因此除了查看用户是否已登录外,我还需要其他解决方案。

我将如何进行配置? 我尝试在网上搜索所有内容,但似乎找不到解决方案。 请注意,这与“启动屏幕”不同。

您将需要使用localstorage或设置cookie。

我建议先尝试本地存储。 气氛中有一些包裹应该会有所帮助,

使用frozeman:storage软件包( meteorpad示例 ):

Template.body.helpers({
  beenHereBefore: function() {
    var beenHereBefore = LocalStore.get('BeenHereBefore',  {reactive: false});
    console.log(LocalStore.get('BeenHereBefore',  {reactive: false}));
    if (beenHereBefore !== true){
      LocalStore.set('BeenHereBefore', true, {reactive: false})

      console.log(LocalStore.get('BeenHereBefore',  {reactive: false}));
    }
    return beenHereBefore;
  },
});


<body>
  {{#unless beenHereBefore}}
    <h1> Welcome first time visitor! </h1>  
  {{else}}
    <div class="outer">
      <div class="logo"></div>
      <h1 class="title">Leaderboard</h1>
      <div class="subtitle">Select a scientist to give them points</div>
      {{> leaderboard}}
    </div>
  {{/unless}}
</body>

只需一些简单的JavaScript即可达到目的:

if (Boolean(localStorage.getItem('visitedApp'))) {
  // user's been here before
} else {
  // do stuff for first time user
  localStorage.setItem('visitedApp', true);
}

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM