Разрешить пользователю редактировать только свои статьи

Question

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

Для управления доступом к компоненту издания и компоненту добавления статьи я использую метод canActivate изохрана, и я проверяю, существует ли токен для авторизации доступа или перенаправляет пользователя на страницу входа, если токена не существует ...

Теперь, чтобы позволить пользователю редактировать только свои собственные статьи, я должен проверить, еслиИдентификатор автора статьи равен аутентификации пользователя ... И если это не его собственная статья, я хочу перенаправить пользователя на страницу, которая покажет ему, что он не авторизован для редактирования статьи ...

Так что я должен сделать этот тест на страже или на машинописи компонента издания.

Answer 1

CanActivate guard - хорошее решение для доступа да / нет к странице (например, проверка токена), и вы должны включить дополнительный для редактирования маршрутов (например, является текущим пользователем статьи).

Если вы добавите логику для проверки, может ли пользователь редактировать артикулы в сервисе, а затем включить сервис в свой компонент, вы можете легко проверить, например:

<div class="edit-article" *ngIf="canEditArticle()"><a href="...">Edit</a></div>

Затем в вашем компоненте:

canEditArticle() {
   return authService.canEditArticle();
}

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