условие на угловой трассе - PullRequest
Новая
       22

условие на угловой трассе

0 голосов
/ 07 декабря 2018

во-первых, если первый пользователь уже вошел в первую вкладку и будет перенаправлен на панель мониторинга, когда первый пользователь откроет вторую вкладку в том же браузере (вставит URL-адрес входа), он автоматически перенаправится на панель мониторинга без перехода на страницу входа. У меня было условиегде на странице входа в систему есть определенные маршруты, к которым неаутентифицированный пользователь может получить доступ,

login.component.ts 

linkToMarket(): void {
    this.sidenav.close().then(() => {
        this.router.navigate([UrlConstants.Market]);
    });
}

на странице Маркета(во второй вкладке) пользователь может вернуться обратно на страницу входа, но, к сожалению, он будет перенаправлять через панель управления (поскольку первый пользователь уже вошел в систему), поскольку я реализовал это [перенаправление на панель мониторинга, если пользователь вошел в систему] [1], как я могу это сделать?убедитесь, что на второй вкладке есть другой пользователь , при возврате со страницы рынка он не будет перенаправлять на панель мониторинга, а на страницу входа, могу ли я выполнить условие на маршруте или использовать Authguard (CanActivate)?

компонент detail.login 

ngOnInit(): void {
    if (this.authenService.isUserAuthenticated()) {
        this.router.navigate([UrlConstants.UserSetting])
    }
}

market.component.ts 

linkToSignIn(): void {
    this.router.navigate([UrlConstants.Login], { queryParams: { returnUrl: UrlConstants.Market } });
    if (this.authenService.isUserAuthenticated()) {
        this.router.navigate([UrlConstants.Login])
    }
}


[1]: https://stackoverflow.com/questions/44121164/angular-2-redirect-if-user-is-logged-in

1 Ответ

0 голосов
/ 07 декабря 2018

Я не понимаю, что касается первого и второго пользователя в вашем вопросе.

Но в целом для защиты определенных маршрутов, требующих входа в систему,использовать охрану маршрута.Одна из основных целей охраны маршрута - гарантировать, что кто-то не получит доступ к маршруту, если он не удовлетворяет определенным критериям (таким как вход в систему).

Вот пример одного из моих охранников аутентификации: 

import { Injectable } from '@angular/core';
import { CanActivate, CanLoad, ActivatedRouteSnapshot, RouterStateSnapshot, Router, Route } from '@angular/router';

import { Observable } from 'rxjs';

import { AuthService } from './auth.service';

@Injectable({
  providedIn: 'root'
})
export class AuthGuard implements CanActivate, CanLoad {

  constructor(private authService: AuthService,
              private router: Router) { }

  canActivate(
    next: ActivatedRouteSnapshot,
    state: RouterStateSnapshot): Observable<boolean> | Promise<boolean> | boolean {
    return this.checkLoggedIn(state.url);
  }

  checkLoggedIn(url: string): boolean {
    if (this.authService.isLoggedIn) {
      return true;
    }

    // Retain the attempted URL for redirection
    this.authService.redirectUrl = url;
    this.router.navigate(['/login']);
    return false;
  }

}

Затем вы прикрепляете охрану к маршруту в конфигурации маршрута: 

  {
    path: 'products',
    loadChildren: './products/product.module#ProductModule',
    canActivate: [AuthGuard],
    data: { preload: false },
  },

Это то, что вы спрашиваете?

...