Authentication 爱奥尼亚3应用程序-如果用户登录,允许导航到页面(在一个地方检查,而不是在每个组件上检查)

Authentication 爱奥尼亚3应用程序-如果用户登录,允许导航到页面(在一个地方检查,而不是在每个组件上检查),authentication,ionic3,angular5,protection,Authentication,Ionic3,Angular5,Protection,如何添加检查用户是否已登录,并据此允许导航到所需页面?添加以下内容不是好的做法: ionViewCanEnter{ 返回this.auth.isAuthenticated; } 我建议对用户登录使用身份验证令牌。这将允许您在本地存储为变量或本地存储,您可以在服务或提供商中实现,以在整个应用程序中使用。如果您不确定它们是如何工作的,那么在线上有大量的资源,但最终要归结到后端服务器。下面是一个例子: 此外,我建议您在html页面中使用*ngIf语句块,按钮将导航到页面本身,如果用户试图单击按钮进行

如何添加检查用户是否已登录,并据此允许导航到所需页面?添加以下内容不是好的做法:

ionViewCanEnter{ 返回this.auth.isAuthenticated;
} 我建议对用户登录使用身份验证令牌。这将允许您在本地存储为变量或本地存储,您可以在服务或提供商中实现,以在整个应用程序中使用。如果您不确定它们是如何工作的,那么在线上有大量的资源,但最终要归结到后端服务器。下面是一个例子:

此外,我建议您在html页面中使用*ngIf语句块,按钮将导航到页面本身,如果用户试图单击按钮进行导航,则会抛出警报

我有一些示例代码,也可以帮助指导您

LoginPage.ts

//API后认证 this.API.validateUserform.value.thenresult=>{ reset;//将数据保存到数组后,清除窗体的值 this.res=JSON.parseresult.toString;//将结果转换为数组 //console.logthis.res; ifthis.res.token!={//将authtoken设置为本地存储 this.storage.set'authToken',this.res.token } //console.loglocalStorage; 如果this.res.status==真{ 设置超时=>{ LoginPage.initialLogin=true; this.navCtrl.pushMenuPage; 装载、卸载; }, 1000;
}您是如何实现身份验证的?您使用的是Firebase吗?