Store firebase login locally

#1

We have an app that uses firebase to log people in for a local chat app. The app doesn’t store the login locally though, so that a lot of the time especially on a slow connection the user sees the login screen and thinks they have been logged out. The app then finds their account and jumps to their account screen, which is a pretty jarring experience.

I’ve had a look online and can’t seem to find what i need, can anyone point me in the right direction?

thanks

#2

Are you using Firebase Authentication and angularfire2?

#3

hi, yes I’m using both.

#4

I have an AuthService that I inject into the AppComponent. In the AppComponent's ngOnInit() I subscribe to the authState:

  public ngOnInit() {

    this.platform.ready().then(() => {

      ...

      this.authSubscription = this.authService.afAuth.authState.subscribe(subscriber => {

        if (subscriber) {
          this.rootPage = 'TabsPage';
        } else {
          this.rootPage = 'SignInPage';
        }

      }, () => {
        this.logger.error('AppComponent: rootPage = SignInPage');
        this.rootPage = 'SignInPage';
      });

    });

  }

While loading the PWA display’s a splash screen. For example, Android:

iOS:

#5

That looks great, i’ll check it out thanks!