Skip to main content
se añadieron 100 caracteres en el cuerpo
Origen Enlace
pwron
  • 689
  • 5
  • 12

introducir la descripción de la imagen aquí

¿Que estoy planteando mal? Muchas gracias!

¿Que estoy planteando mal? Muchas gracias!

introducir la descripción de la imagen aquí

¿Que estoy planteando mal? Muchas gracias!

se añadieron 70 caracteres en el cuerpo
Origen Enlace
pwron
  • 689
  • 5
  • 12
import { Injectable } from '@angular/core';
import { Router } from '@angular/router';
import { Storage } from '@ionic/storage';
import { ToastController, Platform } from '@ionic/angular';
import { BehaviorSubject } from 'rxjs';
 
 
@Injectable()
export class AuthenticationService {
 
  authState = new BehaviorSubject(false);
  public token : string;

  constructor(
    private router: Router,
    private storage: Storage,
    private platform: Platform,
    public toastController: ToastController
  ){
    this.ifLoggedIn();
  }
 
  async ifLoggedIn() {
    await this.storage.get('token').then((token) => {
      if(token){
        this.authState.next(true);
        this.token = token;
        console.log(this.token); //El token existe en este punto
      }
    });
  }
 
  login(){
    this.storage.set('token', 'asd123asdasd12354151asd').then((response) => {
      this.router.navigate(['app/inicio']);
      this.authState.next(true);
    });
  }
 
  logout(){
    this.storage.remove('token').then(() => {
      this.router.navigate(['app/inicio']);
      this.authState.next(false);
    });
  }
 
  isAuthenticated(){
    return this.authState.value;
  }

  getToken(){
    return this.token;
  }
 
 
 
}

introducir la descripción de la imagen aquí

import { Injectable } from '@angular/core';
import { Router } from '@angular/router';
import { Storage } from '@ionic/storage';
import { ToastController, Platform } from '@ionic/angular';
import { BehaviorSubject } from 'rxjs';
 
 
@Injectable()
export class AuthenticationService {
 
  authState = new BehaviorSubject(false);
  public token : string;

  constructor(
    private router: Router,
    private storage: Storage,
    private platform: Platform,
    public toastController: ToastController
  ){
    this.ifLoggedIn();
  }
 
  async ifLoggedIn() {
    await this.storage.get('token').then((token) => {
      if(token){
        this.authState.next(true);
        this.token = token;
      }
    });
  }
 
  login(){
    this.storage.set('token', 'asd123asdasd12354151asd').then((response) => {
      this.router.navigate(['app/inicio']);
      this.authState.next(true);
    });
  }
 
  logout(){
    this.storage.remove('token').then(() => {
      this.router.navigate(['app/inicio']);
      this.authState.next(false);
    });
  }
 
  isAuthenticated(){
    return this.authState.value;
  }

  getToken(){
    return this.token;
  }
 
 
 
}
import { Injectable } from '@angular/core';
import { Router } from '@angular/router';
import { Storage } from '@ionic/storage';
import { ToastController, Platform } from '@ionic/angular';
import { BehaviorSubject } from 'rxjs';
 
 
@Injectable()
export class AuthenticationService {
 
  authState = new BehaviorSubject(false);
  public token : string;

  constructor(
    private router: Router,
    private storage: Storage,
    private platform: Platform,
    public toastController: ToastController
  ){
    this.ifLoggedIn();
  }
 
  async ifLoggedIn() {
    await this.storage.get('token').then((token) => {
      if(token){
        this.authState.next(true);
        this.token = token;
        console.log(this.token); //El token existe en este punto
      }
    });
  }
 
  login(){
    this.storage.set('token', 'asd123asdasd12354151asd').then((response) => {
      this.router.navigate(['app/inicio']);
      this.authState.next(true);
    });
  }
 
  logout(){
    this.storage.remove('token').then(() => {
      this.router.navigate(['app/inicio']);
      this.authState.next(false);
    });
  }
 
  isAuthenticated(){
    return this.authState.value;
  }

  getToken(){
    return this.token;
  }
 
 
 
}

introducir la descripción de la imagen aquí

cuerpo editado
Origen Enlace
pwron
  • 689
  • 5
  • 12

estoy teniendo problemas para poder recuperar una variable de una clase servicio hacia un componente. El problema esta comentado en la función isAuthenticated() del arhivoarchivo app.component.ts

import { Component } from '@angular/core';
import { Router } from '@angular/router';
import { Events, MenuController, Platform } from '@ionic/angular';
import { SplashScreen } from '@ionic-native/splash-screen/ngx';
import { StatusBar } from '@ionic-native/status-bar/ngx';
import { AuthenticationService } from './authentication.service';

@Component({
  selector: 'app-root',
  templateUrl: 'app.component.html',
  styleUrls: [
    './side-menu/styles/side-menu.scss',
    './side-menu/styles/side-menu.shell.scss',
    './side-menu/styles/side-menu.responsive.scss'
  ]
})
export class AppComponent {
  
  isAuth : boolean;

  constructor(
    public auth : AuthenticationService,
    private events: Events,
    private menu: MenuController,
    private platform: Platform,
    private splashScreen: SplashScreen,
    private statusBar: StatusBar,
    private router: Router,
  ) {
    this.initializeApp();
  }

  initializeApp() {
    this.platform.ready().then(() => {
      this.statusBar.styleDefault();
      this.splashScreen.hide();
      this.isAuthenticated();
    });
    //this.isAuthenticated();
  }

  isAuthenticated(){
    console.log(this.auth.getToken()); // devuelve un "undefined"
    console.log(this.auth.token); // devuelve un "undefined"
    console.log(this.auth); // y este es el más curioso devuelve el objeto auth y dentro del objeto se ve seteado el token y no puedo acceder a elél de las formas anteriormente dichas.....
  }

  logOut(){
    this.auth.logout();
  }
}

estoy teniendo problemas para poder recuperar una variable de una clase servicio hacia un componente. El problema esta comentado en la función isAuthenticated() del arhivo app.component.ts

import { Component } from '@angular/core';
import { Router } from '@angular/router';
import { Events, MenuController, Platform } from '@ionic/angular';
import { SplashScreen } from '@ionic-native/splash-screen/ngx';
import { StatusBar } from '@ionic-native/status-bar/ngx';
import { AuthenticationService } from './authentication.service';

@Component({
  selector: 'app-root',
  templateUrl: 'app.component.html',
  styleUrls: [
    './side-menu/styles/side-menu.scss',
    './side-menu/styles/side-menu.shell.scss',
    './side-menu/styles/side-menu.responsive.scss'
  ]
})
export class AppComponent {
  
  isAuth : boolean;

  constructor(
    public auth : AuthenticationService,
    private events: Events,
    private menu: MenuController,
    private platform: Platform,
    private splashScreen: SplashScreen,
    private statusBar: StatusBar,
    private router: Router,
  ) {
    this.initializeApp();
  }

  initializeApp() {
    this.platform.ready().then(() => {
      this.statusBar.styleDefault();
      this.splashScreen.hide();
      this.isAuthenticated();
    });
    //this.isAuthenticated();
  }

  isAuthenticated(){
    console.log(this.auth.getToken()); // devuelve un "undefined"
    console.log(this.auth.token); // devuelve un "undefined"
    console.log(this.auth); // y este es el más curioso devuelve el objeto auth y dentro del objeto se ve seteado el token y no puedo acceder a el de las formas anteriormente dichas.....
  }

  logOut(){
    this.auth.logout();
  }
}

estoy teniendo problemas para poder recuperar una variable de una clase servicio hacia un componente. El problema esta comentado en la función isAuthenticated() del archivo app.component.ts

import { Component } from '@angular/core';
import { Router } from '@angular/router';
import { Events, MenuController, Platform } from '@ionic/angular';
import { SplashScreen } from '@ionic-native/splash-screen/ngx';
import { StatusBar } from '@ionic-native/status-bar/ngx';
import { AuthenticationService } from './authentication.service';

@Component({
  selector: 'app-root',
  templateUrl: 'app.component.html',
  styleUrls: [
    './side-menu/styles/side-menu.scss',
    './side-menu/styles/side-menu.shell.scss',
    './side-menu/styles/side-menu.responsive.scss'
  ]
})
export class AppComponent {
  
  isAuth : boolean;

  constructor(
    public auth : AuthenticationService,
    private events: Events,
    private menu: MenuController,
    private platform: Platform,
    private splashScreen: SplashScreen,
    private statusBar: StatusBar,
    private router: Router,
  ) {
    this.initializeApp();
  }

  initializeApp() {
    this.platform.ready().then(() => {
      this.statusBar.styleDefault();
      this.splashScreen.hide();
      this.isAuthenticated();
    });
    //this.isAuthenticated();
  }

  isAuthenticated(){
    console.log(this.auth.getToken()); // devuelve un "undefined"
    console.log(this.auth.token); // devuelve un "undefined"
    console.log(this.auth); // y este es el más curioso devuelve el objeto auth y dentro del objeto se ve seteado el token y no puedo acceder a él de las formas anteriormente dichas.....
  }

  logOut(){
    this.auth.logout();
  }
}
Origen Enlace
pwron
  • 689
  • 5
  • 12
Loading