Flujo de registro

Clase 4 de 20 • Curso de Autenticación con Angular

Adrian Silva

student•

Para enviar mostrar el error de usuario que ya existe:

...    
        },
        error: (error) => {
          if (error.error.code === 'SQLITE_CONSTRAINT_UNIQUE'){
            this.message = 'This user already exists. Do you want to Login?';
          }
          this.status = 'failed';
          console.log(error);

        }

Ángel David Roque Ayala

student•

Dado que tenia el siguiente mensaje en mi editor de codigo

@deprecated — Instead of passing separate callback arguments, use an observer argument.

Cambie el codigo de esto:

this.authService.register(name, email, password,)
.subscribe(
          (response) => {
            console.log(response);
            this.status = 'success';
            this.router.navigate(['/auth/login']);
          },
          (error) => {
            console.log(error);
            this.status = 'failed';
          }
        );

A esto:

this.authService.register(name, email, password,)
        .subscribe({
          next: (response) => {
            console.log(response);
            this.status = 'success';
            this.router.navigate(['/auth/login']);
          },
          error: (error) => {
            console.log(error);
            this.status = 'failed';
          }
        });

Giovanni Andres Alzate Agudelo

student•

Mi metodo register en el service:

  register(name: string, email: string, password: string) {
    return this.http
      .post(`${this.apiUrl}/api/v1/auth/register`, { name, email, password })
      .pipe(
        catchError((error) => {
          //console.log("errror from service ", error)
          if (error.error.code === 'SQLITE_CONSTRAINT_UNIQUE') {
            return throwError('El usuario ya existe');
          }
          return throwError('Ups algo salio mal');
        })
      )
  }

monica torrez

student•

estoy en la version de angular v16, cada vez q importo tengo q poner la ruta exacta no me funciona con import { CustomValidators } from '@utils/validators';

pero me funciona de esta manera import { CustomValidators } from './../../../../utils/validators';

habria manera de usar con el @utils/validators ??

Midduar Arturo Matheus Tapia

student•

no se si lo resolviste o si alguien más llegue a este punto algo perdido pero ese archivo se agrego desde la carpeta que dijo que importen desde github

Juan Carlos López Carrasco

student•

¿Cual es la ruta que se debe de agregar en el .gitignore para los environments?

Lo puse así y no funciona:

Environments

/src/app/environments

Platzi

student•

/src/app/environments

...    
        },
        error: (error) => {
          if (error.error.code === 'SQLITE_CONSTRAINT_UNIQUE'){
            this.message = 'This user already exists. Do you want to Login?';
          }
          this.status = 'failed';
          console.log(error);

        }

this.authService.register(name, email, password,)
.subscribe(
          (response) => {
            console.log(response);
            this.status = 'success';
            this.router.navigate(['/auth/login']);
          },
          (error) => {
            console.log(error);
            this.status = 'failed';
          }
        );

this.authService.register(name, email, password,)
        .subscribe({
          next: (response) => {
            console.log(response);
            this.status = 'success';
            this.router.navigate(['/auth/login']);
          },
          error: (error) => {
            console.log(error);
            this.status = 'failed';
          }
        });

  register(name: string, email: string, password: string) {
    return this.http
      .post(`${this.apiUrl}/api/v1/auth/register`, { name, email, password })
      .pipe(
        catchError((error) => {
          //console.log("errror from service ", error)
          if (error.error.code === 'SQLITE_CONSTRAINT_UNIQUE') {
            return throwError('El usuario ya existe');
          }
          return throwError('Ups algo salio mal');
        })
      )
  }

Flujo de registro

Introducción: requisitos y proyecto del curso

Cómo aprender Autenticación con Angular

Login

Flujo de login

Conectar login a API

Flujo de registro

Validar Usuario

Optimizando el flujo de registro

Flujo de recuperación de contraseñas

Implementación del password recovery

Cambio de módulo

Proteger el Acceso

¿Dónde guardar el Token?

Redirects para recuperar sesión

Obtener users

Obtener el perfil

Reactividad en profile

Interceptor

¿Cómo cerrar sesión cuando expire el token?

Implementando el cierre de sesión

¿Qué es el refresh token?

Interceptor con el refresh token

Próximos pasos

Toma el curso práctico