我正在使用Meteor构建应用,我希望创建第一次用户启动屏幕 - 类似于“关于/欢迎”页面。基本上,这是第一次启动应用程序后再拉出一次性屏幕并且再也不会出现的东西;如果用户已经打开了应用程序,则会将其定向到另一个页面。
我没有使用登录凭据,所以我需要一个不同的解决方案,而不是检查用户是否登录。
我将如何配置此功能?我试过在网上搜索,似乎无法找到解决方案。请注意,这与“启动屏幕”不同。
答案 0 :(得分:1)
您需要使用localstorage或设置cookie。
我建议先尝试本地存储。 atmosphere上有几个应该有用的软件包,
使用frozeman:存储包(meteorpad example):
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>
答案 1 :(得分:0)
只需要一些简单的JavaScript即可:
if (Boolean(localStorage.getItem('visitedApp'))) {
// user's been here before
} else {
// do stuff for first time user
localStorage.setItem('visitedApp', true);
}