Недавно мне довелось поработать с приложением на базе Vuejs2. Удивительно, насколько прост и эффективен Vue. В настоящее время почти каждое приложение используется несколькими пользователями, а это означает, что почти каждое приложение должно иметь уровень контроля доступа, чтобы предоставлять разные функции разным пользователям. Итак, в этом посте я собираюсь показать, как CASL может помочь вашему приложению Vue на этом пути. Если вы впервые слышите о CASL, прочтите Что такое CASL?..

В аутентифицированных интерфейсных приложениях мы часто хотим изменить то, что видно пользователю, в зависимости от его роли. Например, гостевой пользователь может видеть сообщение, но только зарегистрированный пользователь или администратор видит кнопку для удаления этого сообщения. Управление этой видимостью может стать кошмаром для UI-приложения. Вероятно, вы уже писали или видели такой код раньше: if (user.role === ADMIN || user.auth && post.author === user.id) {..

Вы впервые слышите о CASL ? Вы можете прочитать Что такое CASL? . Я рад сообщить, что CASL 4.0 был выпущен несколько дней назад и принес на наш стол несколько мощных возможностей: Тип Безопасность @casl/* пакеты были переписаны на TypeScript . Это делает ваши приложения более безопасными, а опыт разработчиков - более приятным. Посмотрим, как: Я знаю, знаю ... Я был одним из тех скептиков, которым до недавнего времени не нравился TypeScript. Теперь это действительно..