He estado trabajando en una nueva aplicación para iOS y Android. Lo estoy desarrollando en Angular 12 usando Ionic 5 , Capacitor y Firebase 9 .

Si bien estoy acostumbrado a configurar páginas de autenticación (inicio de sesión/registro/restablecimiento de pwd) con AngularFireAuth, tengo problemas para hacer lo mismo con Ionic y Capacitor. Mis páginas, servicios y guardias funcionan bien en el navegador, pero tan pronto como ejecuto "sincronización de tapa iónica", construyo en XCode e intento ejecutarlo en mi iPhone, mi función de inicio de sesión no se ejecuta.

Aquí está mi código hasta ahora:

Servicio de autenticación:

 import { Injectable, NgZone } from '@angular/core'; import { User } from './authUser.model'; import { Router } from '@angular/router'; import { AngularFireAuth } from '@angular/fire/compat/auth'; import { AngularFirestore, AngularFirestoreDocument } from '@angular/fire/compat/firestore'; @Injectable({ providedIn: 'root' }) export class AuthService { userData: any; constructor( public afStore: AngularFirestore, public ngFireAuth: AngularFireAuth, public router: Router, public ngZone: NgZone ) { this.ngFireAuth.authState.subscribe(user => { if (user) { this.userData = user; localStorage.setItem('user', JSON.stringify(this.userData)); JSON.parse(localStorage.getItem('user')); } else { localStorage.setItem('user', null); JSON.parse(localStorage.getItem('user')); } }); } // Login in with email/password SignIn(email, password) { console.log('signing in from service'); return this.ngFireAuth.signInWithEmailAndPassword(email, password); }

Página de inicio de sesión:

 import { Component, OnInit } from '@angular/core'; import { Router } from '@angular/router'; import { AuthService } from '../shared/auth.service'; @Component({ selector: 'app-login', templateUrl: './login.page.html', styleUrls: ['./login.page.scss'], }) export class LoginPage implements OnInit { constructor( public authService: AuthService, public router: Router ) { } ngOnInit() { } logIn(email, password) { this.authService.SignIn(email.value, password.value) .then((res) => { console.log('signing in from page'); if (this.authService.isEmailVerified) { this.router.navigate(['tabs']); } else { window.alert('Email is not verified'); return false; } }).catch((error) => { console.log(error); window.alert(error.message); }); } }

¡Gracias por tus aportes!