全栈工程师_java全栈工程师_全栈开发者学习经验总结

  • 首页
  • 开发工具
    • 软件安装
    • 软件使用
  • 前端
    • Ionic
    • Android
    • Capacitor
    • Angular
    • Vue
    • 苹果开发者账号
  • 后端
    • Java
    • Python
    • MyBatis
    • Spring
    • SpringBoot
    • SpringMVC
    • SpringCloud
  • 服务器
    • Linux
    • MySQL
    • Nginx
    • Tomcat
    • Docker
  • 其他
    • 生活碎片
    • 报错专区
  • 我
lipsuper
专注产出高质量原创手打文章
  1. 首页
  2. 前端
  3. Ionic
  4. 正文

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

2020年8月25日 425点热度 0人点赞 0条评论

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

本作品采用 知识共享署名 4.0 国际许可协议 进行许可
标签: 小技巧
最后更新:2020年8月25日

lipsuper

这个人很懒,什么都没留下

点赞
< 上一篇
下一篇 >

文章评论

取消回复

COPYRIGHT © 2021 lipsuper.com. ALL RIGHTS RESERVED.

Theme Kratos Made By Seaton Jiang

渝ICP备2021004735号-1

渝公网安备 50011202502306号