如何获取经过身份验证的用户的数据/ID？

Question

我正在努力解决一个问题，即我的代码应该如何知道哪些是经过身份验证的用户的数据，或者我如何获取该数据。

我已经完成了我的身份验证流程，这意味着我可以使用令牌成功注册和登录。我仍然通过刷新页面登录，我的令牌仍然存储在 ionic/storage 中。

我认为这实际上应该足以获取用户的已验证数据的特定用户数据/权限。但我不知道该怎么做。

当我从列表中获取任何用户并查看他的个人资料时，我只需传递他的 ID。如何仅通过单击配置文件选项卡来获取经过身份验证的用户的 ID？

我不是来自另一个可以获取 id 的页面。我还放了我的 auth.service 代码，如果这对您有帮助，以便因为令牌帮助我，但重要的是最后两个 sn-ps（我认为是这样）。

这是我的代码：

auth.service.ts

 private token = null;
  user = null;
  authenticationState = new BehaviorSubject(false);



  constructor(private http: HttpClient, private alertCtrl: AlertController, private storage: Storage, private helper: JwtHelperService,
              private plt: Platform) {
    this.plt.ready().then(() => {
      this.checkToken();
    });
   }

   checkToken() {
       this.storage.get(TOKEN_KEY).then(access => {
           if (access) {
               this.user = this.helper.decodeToken(access);
               this.authenticationState.next(true);
           }
       });
   }

   apilogin(username: string, password: string) {
    return this.http.post<any>(`${this.url}/api/token/`, { username, password })
    .pipe(
        tap(res => {
            this.storage.set(TOKEN_KEY, res['access']);
            this.storage.set(USERNAME_KEY, username);
            this.user = this.helper.decodeToken(res['access']);
            console.log('my user: ', this.user);
            this.authenticationState.next(true);
        }),
        catchError(e => {
            this.showAlert('Oops smth went wrong!');
            throw new Error(e);
        }));
}

user.service.ts

  // get a user's profile
  getUserDetails(id: number): Observable<any> {
    return this.http.get(`${this.url}/users/${id}/`);
  }

profile.ts

 information = null;
 id: number;


      ngOnInit() {
        // How to get just the authenticated api?
        this.activatedRoute.paramMap.subscribe(params => { 
         this.id = validateId(params.get('id'));
     });

        function validateId(id: any): number {
           return parseInt(id);
    }

     // Get the information from the API
    this.userService.getUserDetails(this.id).subscribe(result => {
      this.information = result;
     });
   }

Answer 1

更新答案 您需要像这样将user_id 保存到存储中

this.storage.set(USER_ID, this.validateId(res['user_id']))

并在当前用户配置文件组件中获取此 user_id 并将其传递给 this.userService.getUserDetails 方法，如：

const currentUserId = this.storage.get(USER_ID); 

this.userService.getUserDetails(currentUserId).subscribe(user => { 
  console.log('user data', user);
});

旧答案 假设任何用户的配置文件都在同一条路由(ex: profile/:userId) 上，包括当前经过身份验证的用户

你只需要在activatedRoute.paramMap的订阅中添加这个调用，

试试

ngOnInit() {
  // How to get just the authenticated api?
  this.activatedRoute.paramMap.subscribe(params => { 
    this.id = validateId(params.get('id'));

    // Get the information from the API
    this.userService.getUserDetails(this.id).subscribe(result => {
      this.information = result;
    });
  });

  function validateId(id: any): number {
    return parseInt(id);
  }
}

让我解释一下发生了什么，当你进入这个组件时，ngOnInit 钩子被调用并通过 id 获取用户，在你尝试打开当前认证用户后，只有activatedRoute.paramMap 订阅的回调被调用而不是全部ngOnInit 方法。