Laravel Türkiye Discord Kanalı Forumda kod paylaşılırken dikkat edilmesi gerekenler!Birlikte proje geliştirmek ister misiniz?

Laravel + Inertia Permission

MehmetCanYUMUTUTAN · 2021-08-04T08:44:48+00:00

Merhabalar. laravel ve inertia ile çalışıyorum. Laravel'de spatie permission paketini kullanıyorum. Controller içinde role ve permission kontrolleri yapıyo...

trueWD

Şurdaki paketi hiç incelediniz mi?
https://www.npmjs.com/package/@casl/vue/v/2.1.0

mgsmus

MehmetCanYUMUTUTAN Benim verdiğim örnek Composition API kullanıyor, siz Options API ile yapmaya çalışmışsınız. Verdiğim örneğin Options API ile nasıl yapılabileceğine bakın. Ben Composition API ile Vue öğrendiğim için Options API ile ilgili bilgim yok. Ayrıca direkt benim verdiğim şekilde de Composition API ile de yapabilirsiniz. Vue 3 'de ikisini de kullanabiliyorsunuz.

BoraN7

Yetki sistemi için Vue tarafı ile uğraşmanıza gerek yok. Inertia JS bunun için var zaten. Controller tarafında Laravel'in Gate ve Policy'lerini kullanacaksınız, Vue tarafına 'can' ya da adına ne vermek isterseniz göndereceksiniz.

Ardından Vue componenti içerisinde o parametreyi props olarak Boolean şeklinde karşılayacaksınız.

Daha sonra v-if ile kontrolü çok basit yaparsınız.

@mgsmus 'un verdiği örnek anladığım kadarıyla klasik Vue JS uygulamalarında. Ancak dediğim gibi, Inertia JS kullanıyorsanız zaten amaç bu işlerle uğraşmamak. Kendi dokümantasyonunda da(https://inertiajs.com/) yazdığı gibi, Laravel tarafında halledebilirsiniz.

MehmetCanYUMUTUTAN

Cevaplarınız için teşekkür ederim.

Vue tarafında fazla uğraşmak istemiyorum. Inertia ile bana yetecek temizlikte kullanabiliyorum. Bu şekilde devam edeceğim.

İyi günler dilerim.

--Güncelleme: Yukarda bahsedilen tüm yöntemleri sağlıklı bir şekilde çalıştırabildim.

programmer1453

mgsmus
hocam breeze ile laravel inertia kullanıyorum can fonksiyonu template tagları içerisinde çalışırken <script setup> tagları içerisinde çalışmıyor aynı çekilde __() fonksiyonu yapmıştım dil için o da çalışmıyor , çözmenin bir yolu var mı ?

mgsmus

programmer1453 Hata mı veriyor yoksa işlemi mi yapmıyor. Gelen verileri yapılan işlemleri console.log() ile loglamaya çalışın. Şu an test etme şansın yok açıkçası.

programmer1453

@mgsmus
__ is not defined
Hatası veriyor
log'a da düşürmeyi denedim ama olmadı
this.__ de this.can da denedim olmadı maalesef

mgsmus

programmer1453 Şöyle bir şey yapsak:

resources/js/modules/auth.js

import {usePage} from "@inertiajs/inertia-vue3"

export function useCan(permission) {
    return usePage().props.value.auth.user_permissions.includes(permission)
}

Sonra kullanacağınız yerde:

<script setup>
import { useCan } from '@/modules/auth'

const canEdit = useCan("edit")

if(canEdit) {
    // ...
}
</script>

<template>
    <div v-if="canEdit">...</div>
</template>

MehmetCanYUMUTUTAN

Merhaba, şuradaki makalelere de göz atabilirsiniz.
https://inertiajs.com/authorization
https://codingoblin.com/roles-and-permissions-in-laravel-jetstream-inertiajs-using-spatie-package/

programmer1453

MehmetCanYUMUTUTAN
Merhabalar, Önerileriniz için çok teşekkür ederim.
Fakat önceki projelerden alışık olduğum için Vue tarafında fonksiyon olarak kullanmak daha kolayıma geliyor.

programmer1453

mgsmus
import {__,useCan} from '@/Modules/general'

import { usePage } from '@inertiajs/vue3';
export function __(key, replace = {}) {
    var translation = usePage().props.language[key]
        ? usePage().props.language[key]
        : key

    Object.keys(replace).forEach(function (key) {
        translation = translation.replace(':' + key, replace[key])
    });

    return translation
}
export function useCan(permission) {
    return usePage().props.auth.user_permissions.includes(permission)
}

@mgsmus
Bu şekilde çalıştı, Çok Teşekkür ederim, Allah razı olsun