What is the best way to do authorization in angular2?

Question

Angular

The point is, I want to get involved with a third-party api. That is, the data is sent to a third-party site, and if the response is 200, then authorize it on the site. What is the best way to do authorization on angular2?

Answer 1

All logic in Angular 2 is done through service classes. It is enough to perform 3 simple steps:
1. For example, in user.service.ts we will add information about the authorized user.
2. Let's create the AuthGuard service, which will be responsible for authorization. It must implement the CanActivate interface

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

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

3. In the description of the paths, we indicate the class responsible for checking access:

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

Answer 2

Built-in http it can. This is more a question for a third-party api.

Answer 3

By the way, I found this manual jasonwatmore.com/post/2016/08/16/angular-2-jwt-aut...