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

Laravel + Vue Pusher işlemi

nuri60

Laravel ile bir blog tarzı site yapıyorum Şuan için sadece API'leri yazarak ilerlemeye çalışıyorum. Kullanıcıya gelen bildirimleri anlık görüntülenmesi için Pusher kullanıyorum pusher la alakalı şunları yapabildim

Aynı Laravel Projesinde bir Js yazıp Channel ile event dinleyip mesajları alabildim
Sonra Private bir Channel dinledim burada Pusher'ın auth olan kişiye mesaj verebileceğini gördüm yani Js'ti yazdığım .blade sayfasına girerkenki route: Auth:login($user) demedikçe Private mesaja ait bilirim gelmiyordu bunu da çözüp
Laravel harici bir Vue projesi başlattım bunun içinde yine public bir channel'i handle ettim mesajları alabildim ama ben şimdi sanctum kullanıyorum bunun için Echo nesnesi oluşturuken token vermem gerekiyor(araştırmam sonucunda yanlışsa lütfen düzeltin ) bunu yaparken önceden Echo.channel dediğimde console'da herhangi bir hata görmezken Echo.private diyince böyle bir hata vermeye başladı https://www.hizliresim.com/3csy447 vue prjem içindeki main.js içinde https://www.hizliresim.com/3v9t7wl böyle yaptım. Hata çözümü için ne yapmalıyım ?

mgsmus

nuri60 Login işleminden sonra gelen token'ı localStorage içinde tutup window.Echo tanımladığınız yerde localStorage'den çekip kullanabilirsiniz.

nuri60

mgsmus bunu denedim abi sadece buraya öyle yazdım dahaca depolama felan yapmıyorum ama token i postman ile üretip Oraya koydum aynı hata

mgsmus

nuri60 config/cors.php içerisinde path içerisine broadcasting/auth ekleyin. Sanctum kullanıyorsanız BroadcastServiceProvider içindeki routes tanımlamasını Broadcast::routes(['middleware' => ['auth:sanctum']]); şeklinde yapın.

nuri60

`window.Echo = new Echo({
broadcaster: 'pusher',
key: 'mmy-key',
cluster: 'eu',
wsHost: 'laravel-project.test:6001', // Laravel broadcasting URL
forceTLS: true,
enabledTransports: ['ws', 'wss'],

auth: {
    headers: {
        Authorization: `Bearer 25|J6k01hqTUqKRhc5ws1z1bmQpY99LX2fnQLCvbncb` // Sanctum token
    },
},

});`
abi dediklerini yaptım ekrandaki hata gitti ama hala yakalayamıyor private channel dan gelenleri pusher a düşüyor

vue js deki mounted fonksiyounu
mounted: () => { window.Echo.private('requestResponse') .listen('.Illuminate\\Notifications\\Events\\BroadcastNotificationCreated', (data) => { console.log(data.message); }); }

pushera gelen bildirim bilgisi
https://www.hizliresim.com/n4n2w3p

mgsmus

nuri60 Kendiniz bir event oluşturup denediniz mi? Bir de Pusher servisi kullanıyorsanız neden wsHost var?

nuri60

mgsmus Evet abi denedim aynı larave projesinde private de public de olsa yakalayabildim. wsHost websocketle alakalıdır dedim bunu eklemeyince hata veriyordu ...

mgsmus

nuri60 BroadcastNotificationCreated bu eventı neden dinlemeye çalışıyorsunuz?

nuri60

mgsmus abi çünkü bu bir event dan gelmiyor bir notificationdan geliyor event ismini direkt ordan aldım channel public olunca bu isimle dinleyebildim

mgsmus

nuri60 Bu kısma baktınız mı? https://laravel.com/docs/10.x/notifications#broadcast-notifications

nuri60

mgsmus Evet abi burdakilerden herhangi birinde hata olsa aynı projede public private channel ayrı projelerde public channel i dinleyemezdim ki değil mi ? Hata mesajı vs yok Private channel dinlemek istedğimde broadcastOn()
fonksiyonunda return new PrivateChannel('requestResponse'); public dinlemek istediğimde aynı fonksiyon içinde
return new Channel('requestResponse'); bunları yapıp frontend tarafında
window.Echo.channel (public için yapıyorum) window.Echo.private (private için yapıyorum) konsolda hareketlilikler oluyor gönderdiğim data geliyor sadece burada kaldım abi konsolda hata da göstermiyor private channel diyicem tokenı görmüyor o zaman 403 verirdi(auth olmayınca öyle yapıyordu)