Obteniendo todas las preguntas de la base de datos

Clase 62 de 75 • Curso de MEAN 2017

Carlos Enrique Ramírez Flores

student•

Tengo errores con el catchError de authService.ts

es angular 7

import { Injectable } from '@angular/core';
import urljoin from 'url-join'
import { environment } from 'src/environments/environment';
import { User } from './user.model';
import { HttpHeaders, HttpClient, HttpErrorResponse } from '@angular/common/http';
import { map, catchError, first } from 'rxjs/operators';
import { Observable } from 'rxjs';
import { Router } from '@angular/router';
import { MatSnackBar } from '@angular/material';


@Injectable({
  providedIn: 'root'
})
export class AuthService {
  usersUrl: string;
  currentUser?: User;
  constructor(private http: HttpClient, private router: Router, private snackBar:MatSnackBar) {
     this.usersUrl =  urljoin(environment.apiUrl, 'auth');
     if(this.isLoggedIn()){
        const {userId,firstName, lastName, email} = JSON.parse(localStorage.getItem('user'));
        this.currentUser = new User(email,null, firstName, lastName,email);
     }
   }
  signup(user: User){
    const body = JSON.stringify(user);
    const headers =  new HttpHeaders({'Content-Type': 'application/json'});
    return this.http.post(urljoin(this.usersUrl,'signup'),body,{headers})
               .pipe( map((response: Response) => {
                    const json:any = response;
                    this.login(json);
                    return json;
                 }), catchError((error) => {
                   console.log(error);
                   Observable.throw(error);
                 }));
  }
  signin(user:User){
    const body = JSON.stringify(user);
    const headers =  new HttpHeaders({'Content-Type': 'application/json'});
    return this.http.post(urljoin(this.usersUrl,'signin'),body,{headers})
            .pipe( map((respon: Response)=>{
              const json:any = respon;
              this.login(json)
              return json;
            }), catchError((error: HttpErrorResponse) => {
              console.log(error);
              Observable.throw(error);
            }));
  }
  login = ({token, userId, firstName, lastName, email}) =>{
    this.currentUser =  new User(email,null, firstName,lastName,userId);
    localStorage.setItem('token',token);
    localStorage.setItem('user', JSON.stringify({userId,firstName,lastName,email}));
    this.router.navigateByUrl('/')
  }
  isLoggedIn(){
    return localStorage.getItem('token') !== null;
  }
  logout(){
    localStorage.clear();
    this.currentUser = null;
    this.router.navigateByUrl('/')
  }
  showError(message){
      this.snackBar.open(message, 'Close', { duration: 3000 });
  }
  public handleError = (error:any) => {
    const { error: { name }, message } = error;
    if(name==='TokenExpiredError'){
      this.showError('Tu sesión ha expirado')
    }else if(name==='JsonWebTokenError'){
      this.showError('Ocurrio un problema con tu sesión');
    }else{
      this.showError(message || 'HO HO! A ocurrido un error, vuelve a intentarlo');
    }
    this.logout();
  }
}

alguien tuvo el mismo problema ?

Walter Lensinas

student•

¿Cuál es el error? ¿lo pudiste solucionar?

Walter Lensinas

student•

Here is the code of the project: https://github.com/wlensinas/platzi-overflow-wl/tree/62-getQuestions

Open your terminal and type this steps:

git clone https://github.com/wlensinas/platzi-overflow-wl.git
git checkout 62-getQuestions
npm install this is for install dependencies
mongod this is for start MongoDB services
npm start

Why in english? just I'm practice...

Ruben Eduardo Acosta Vela

student•

Me esta saliendo este warning:

DeprecationWarning: collection.ensureIndex is deprecated. Use createIndexes instead.

Luis Castillo

student•

Hola, cual seria la diferencia si dejo toda la lógica que tenia con los Middlewares y con mongodb traigo toda la data, a como lo estas haciendo que mongodb haga la lógica, que es mejor?

Julio Jaramillo

student•

El trabajo que hacían los middlewares era emular la transacción de la base de datos y poner esos datos en la api para que lo consumiera el frontend en Angular, si dejas los middlewares podrías implementar la petición a la db dentro de ellos y funcionaría igual.Saludos.

import { Injectable } from '@angular/core';
import urljoin from 'url-join'
import { environment } from 'src/environments/environment';
import { User } from './user.model';
import { HttpHeaders, HttpClient, HttpErrorResponse } from '@angular/common/http';
import { map, catchError, first } from 'rxjs/operators';
import { Observable } from 'rxjs';
import { Router } from '@angular/router';
import { MatSnackBar } from '@angular/material';


@Injectable({
  providedIn: 'root'
})
export class AuthService {
  usersUrl: string;
  currentUser?: User;
  constructor(private http: HttpClient, private router: Router, private snackBar:MatSnackBar) {
     this.usersUrl =  urljoin(environment.apiUrl, 'auth');
     if(this.isLoggedIn()){
        const {userId,firstName, lastName, email} = JSON.parse(localStorage.getItem('user'));
        this.currentUser = new User(email,null, firstName, lastName,email);
     }
   }
  signup(user: User){
    const body = JSON.stringify(user);
    const headers =  new HttpHeaders({'Content-Type': 'application/json'});
    return this.http.post(urljoin(this.usersUrl,'signup'),body,{headers})
               .pipe( map((response: Response) => {
                    const json:any = response;
                    this.login(json);
                    return json;
                 }), catchError((error) => {
                   console.log(error);
                   Observable.throw(error);
                 }));
  }
  signin(user:User){
    const body = JSON.stringify(user);
    const headers =  new HttpHeaders({'Content-Type': 'application/json'});
    return this.http.post(urljoin(this.usersUrl,'signin'),body,{headers})
            .pipe( map((respon: Response)=>{
              const json:any = respon;
              this.login(json)
              return json;
            }), catchError((error: HttpErrorResponse) => {
              console.log(error);
              Observable.throw(error);
            }));
  }
  login = ({token, userId, firstName, lastName, email}) =>{
    this.currentUser =  new User(email,null, firstName,lastName,userId);
    localStorage.setItem('token',token);
    localStorage.setItem('user', JSON.stringify({userId,firstName,lastName,email}));
    this.router.navigateByUrl('/')
  }
  isLoggedIn(){
    return localStorage.getItem('token') !== null;
  }
  logout(){
    localStorage.clear();
    this.currentUser = null;
    this.router.navigateByUrl('/')
  }
  showError(message){
      this.snackBar.open(message, 'Close', { duration: 3000 });
  }
  public handleError = (error:any) => {
    const { error: { name }, message } = error;
    if(name==='TokenExpiredError'){
      this.showError('Tu sesión ha expirado')
    }else if(name==='JsonWebTokenError'){
      this.showError('Ocurrio un problema con tu sesión');
    }else{
      this.showError(message || 'HO HO! A ocurrido un error, vuelve a intentarlo');
    }
    this.logout();
  }
}