• ENTRAR
  • No hay productos en el carrito.

Erro al recuperar los datos del user autenticado – Auth0

Viendo 4 publicaciones - del 1 al 4 (de un total de 4)
  • Autor
    Publicaciones
  • #4309

    Luis Alberto
    Participante

    Hola,

    Estoy con problemas cuando tento mostrar los datos del usuário que esta autenticado,

    “core.umd.js:3478 TypeError: M.default.getProfile is not a function”

    Esa funcion no existe, copie el codigo de la aula 68 y no dio cierto, depues copie el codigo del propio auth0. Mi código es el siguinte:

    app.component.html

    <div *ngIf=”auth.authenticated() && auth.userProfile”>

    <h4>You are logged in</h4>

    <div class=”row”>

    <div class=”col-md-6″>

    <h3>Profile</h3>

    <p>Name: {{auth.userProfile.name}}</p>

    <p>Email: {{auth.userProfile.email}}</p>

    <p>Nickname: {{auth.userProfile.nickname}}</p>

    <p>Created At: {{auth.userProfile.created_at}}</p>

    <p>Updated At: {{auth.userProfile.updated_at}}</p>

    </div>

    </div>

    </div>

    <h4 *ngIf=”!auth.authenticated()”>You are not logged in, please click ‘Log in’ button to login</h4>

     

    app.component.ts

    export class AppComponent implements OnInit {

    constructor(private auth: Auth) {}

    ngOnInit() {

    console.log(‘Obj: ‘, this.auth);

    }

    }

    app.module.ts

    @NgModule( {

    imports:      [

    BrowserModule

    ],

    declarations: [

    AppComponent

    ],

    bootstrap:    [ AppComponent ],

    providers:    [ Auth, AUTH_PROVIDERS ]

    } )

    auth.service.ts

    import {Injectable}      from ‘@angular/core’;

    import {tokenNotExpired} from ‘angular2-jwt’;

     

    // Avoid name not found warnings

    declare var Auth0Lock: any;

     

    @Injectable()

    export class Auth {

     

    // Configure Auth0

    lock = new Auth0Lock(‘8h2DVS5vPxm8VRwPrEaG4oQTejvERUM2’, ‘lacc.auth0.com’, {});

     

    //Store profile object in auth class

    userProfile: Object;

     

    constructor() {

    console.log(‘this.lock: ‘, this.lock._events);

    // Set userProfile attribute of already saved profile

    this.userProfile = JSON.parse(localStorage.getItem(‘profile’));

     

    // Add callback for lock authenticated event

    this.lock.on(“authenticated”, (authResult) => {

    localStorage.setItem(‘id_token’, authResult.idToken);

     

    // Fetch profile information

    this.lock.getProfile(authResult.idToken, (error, profile) => {

    if (error) {

    // Handle error

    alert(error);

    return;

    }

    localStorage.setItem(‘profile’, JSON.stringify(profile));

    this.userProfile = profile;

    });

     

    });

    }

     

     

    public login() {

    // Call the show method to display the widget.

    this.lock.show();

    }

     

    public authenticated() {

    // Check if there’s an unexpired JWT

    // This searches for an item in localStorage with key == ‘id_token’

    return tokenNotExpired();

    }

     

    public logout() {

    // Remove token from localStorage

    localStorage.removeItem( ‘id_token’ );

    localStorage.removeItem( ‘profile’ );

    this.userProfile = undefined;

    }

    }

     

    No estoy consiguiendo acertar el erro.

    Gracias por la atención.

    • Este debate fue modificado hace 1 año, 8 meses por  Luis Alberto.
    #4312

    Cursosdesarrolloweb
    Jefe de claves

    Pues algo te has debido saltar porque funciona perfectamente, adjunto .gif, simplemente he descargado el código adjunto al curso, añadido las claves correctas al aula correspondiente, ejecutado el comando npm install && npm start, el siguiente es el resultado.

    Auth0 Angular 2

    #4325

    Luis Alberto
    Participante

    Hola Israel,

    Gracias por la respuesta, el erro estava en la verson del cdn, estava utilizando:

    <script src=”https://cdn.auth0.com/js/lock/10.9.1/lock.min.js”></script>

    Cambie para la version:

    <script src=”http://cdn.auth0.com/js/lock/10.2/lock.min.js”></script>

    Funciono perfectamente.

     

    #4339

    Cursosdesarrolloweb
    Jefe de claves

    Puedes utilizar sin problemas la última versión recomendada por Auth0.

    
    <script src="https://cdn.auth0.com/js/lock/10.8/lock.min.js"></script>
    

    Saludos y gracias por tu confirmación.

Viendo 4 publicaciones - del 1 al 4 (de un total de 4)

Debes estar registrado para responder a este debate.

Síguenos en las redes sociales para estar al tanto de los últimas novedades :)

Facebook
Facebook
Google+
Google+
https://www.cursosdesarrolloweb.es/forums/topic/erro-al-recuperar-los-datos-del-user-autenticado-auth0">
Pinterest
Pinterest
top
Cursosdesarrolloweb ©. Todos los derechos reservados.
🔓Inscríbete a cualquier curso por 9€ y accede a todos los cursos gratuitos para siempre🔓
🌍Los cursos gratuitos son exclusivos de esta plataforma, ÚLTIMOS CURSOS EN 4K🌍
+ +

Login

Create an Account Back to login/register