Как лучше делать авторизацию в angular2?

Question

[Pogran]

Смысл такой, я хочу завязаться со сторонней апи. Т.е данные отправляются на сторонний сайт и если пришёл ответ 200, то авторизовывать его на сайте. Как лучше всего сделать авторизацию на ангуларе2?

Comments

[Виталий]

Насколько я знаю, Angular - это фронтенд фреймворк. Все действия сервера пишутся на стороне сервера, например на node.js или php

[Pogran]

Виталий: В том то и дело что у меня не будет backend. Будет просто фронтент который общается с API стороннего сервера

Answer 1

[Виталий]

Вся логика на Angular 2 делается через классы-сервисы. Достаточно выполнить 3 простых шага:

1. К примеру, в user.service.ts добавим информацию об авторизованном пользователе.

2. Создадим сервис AuthGuard, который будет отвечать за авторизацию. Он должен имплементировать интерфейс CanActivate

@Injectable()
export class AuthGuard implements CanActivate {
  constructor(private userService: UserService) {}

  canActivate(route: ActivatedRouteSnapshot, state:RouterStateSnapshot): Promise<boolean>|boolean {
    return this.userService.isAuth;
  }
}

3. В описании путей укажем класс, отвечающий за проверку доступа:

{
    path: 'logout',
    component: LogoutComponent,
    canActivate: [AuthGuard]
  },
  {
    path: 'login',
    component: LoginComponent,
    canActivate: [GuestGuard]
  },

Answer 2

[Дмитрий Клусевич]

Встроенный http это может. Тут больше вопрос к стороннему апи.

Answer 3

[Pogran]

Кстати нашёл вот такой мануал jasonwatmore.com/post/2016/08/16/angular-2-jwt-aut...