这篇文章主要讲了两个小技巧,分别是设置初始页面和在用户打开App的时候判断用户是否登陆。这两个动作都是在App一打开过后就要进行的,所有相关的代码都放在一些全局的文件里面的。
Ionic应用默认打开都是展示tab1那个页面,如果我们想把它修改为tab2这个页面怎么办呢?很简单。
找到src\app\tabs\tabs-routing.module.ts
然后点进这个文件,找到这段代码:
children: [
{
path: 'tab1',
loadChildren: () => import('../tab1/tab1.module').then(m => m.Tab1PageModule)
},
{
path: 'tab2',
loadChildren: () => import('../tab2/tab2.module').then(m => m.Tab2PageModule)
},
{
path: 'tab3',
loadChildren: () => import('../tab3/tab3.module').then(m => m.Tab3PageModule)
},
{
path: '',
redirectTo: '/tabs/tab2',
pathMatch: 'full'
}
]
},
{
path: '',
redirectTo: '/tabs/tab2',
pathMatch: 'full'
}
];
把其中的两处redirectTo
的值改为你想要的页面就行了。比如我这里就改成了tab2
,这样的话,当我打开App的时候,就会直接跳到tab2
页面。
怎样在用户打开APP的时候就判断用户是否登陆?
找到src\app\app.component.ts
这个文件,然后找到下面的代码:
initializeApp() {
this.platform.ready().then(() => {
this.statusBar.styleDefault();
this.splashScreen.hide();
// 判断用户是否登陆,没有登陆的话,直接跳转到登陆页面
if (this.storageService.get('userToken') == null) {
this.navController.navigateForward('/login');
}
});
}
这就是在APP初始化的时候进行的判断,这仅仅是我自己的APP判断用户是否登陆的方法,你要用你自己的判断逻辑。同理,如果你有其他的逻辑需要在用户一打开APP,进入任何页面之前就进行判断,把代码放在这里就行了。
文章评论