Merhaba! Eğer uygulamanızda izinleri ve erişim kontrolünü yönetmek istiyorsanız, CASL (Code Access Security Language) sizin için ideal bir araç olabilir. Bu kılavuzda, CASL'i nasıl kullanabileceğinizi adım adım anlatacağım.
CASL Nedir?
CASL, izinleri ve erişim kontrolünü yönetmek için güçlü bir kütüphanedir. Kullanıcıların rollerine veya özelliklerine bağlı olarak hangi işlemleri yapabileceklerini tanımlamanıza yardımcı olur.
Temel Kurulum
CASL'i projeye eklemek için önce kütüphaneyi yükleyin:
npm install @casl/ability @casl/react
Ardından, yetenek kurallarınızı tanımlayın. Örneğin:
import { Ability } from '@casl/ability';
const ability = new Ability([
{ action: 'read', subject: 'Makale' },
{ action: 'create', subject: 'Makale' },
{ action: 'update', subject: 'Makale', conditions: { authorId: 1 } },
{ action: 'delete', subject: 'Makale', conditions: { authorId: 1 } },
]);
export default ability;
CASL'i Bileşenlerde Kullanma
CASL'i React bileşenlerinizle entegre etmek için @casl/react paketini kullanabilirsiniz. İşte bir örnek:
import React from 'react';
import { useAbility } from '@casl/react';
import { Ability } from '@casl/ability';
import ability from './path-to-your-ability-file';
const Makale = ({ makale }) => {
const { can } = useAbility(ability);
return (
<div>
<h1>{makale.baslik}</h1>
{can('update', 'Makale') && <button>Duzenle</button>}
{can('delete', 'Makale') && <button>Sil</button>}
</div>
);
};
export default Makale;
rehberkategorisinde yayınlandı. Etiketler: