#9 - Закрытый доступ к страницам

Для создания защищенных страниц на сайте необходимо использовать библиотеку angular2-jwt. Чтобы добавить библиотеку в проект пропишите в терминале следующую команду: 

npm install angular2-jwt --save

Эта библиотека предоставляет доступ к функции tokenNotExpired(). Функция возвращает значение true в случае если пользователь авторизован и false в противоположном случае.

Закрытые страницы

Для закрытых страниц используйте файл с расширением .guard.ts. В этом файле вам необходимо описать функцию CanActivate. Пример функции:

mport { Injectable } from '@angular/core';
import { Router, CanActivate } from '@angular/router';
import { AuthService } from './auth.service';

@Injectable()
export class IsLoggedIn implements CanActivate {
	constructor(private authService: AuthService, private router: Router) {}

	canActivate() {
		if(this.authService.isLoggedIn())
			return true;
		else {
			this.router.navigate(['reg']);
			return false;
		}
	}
}

В примере выше пользователь будет переадресовываться каждый раз на страницу регистрации в том случае, если он не авторизован на сайте.

После создания такого файла вам остается лишь в файле app.module прописать для каких страниц доступ будет закрыт:

import { IsLoggedIn } from './isLogged.guard';

const appRoute: Routes = [
	{path: 'dashboard', component: DashboardComponent, canActivate: [IsLoggedIn]},
];