Ionic设置App打开过后默认进入的页面和判断用户是否登陆的方法

这篇文章主要讲了两个小技巧，分别是设置初始页面和在用户打开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，进入任何页面之前就进行判断，把代码放在这里就行了。