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

Larave Echo Server Suncuda Çalıştırma

Azizim45

Herkese Selamlar codecanyondan içerisinde pusher kulanarak chat sistemi olan crm sistemi satın aldık admin panelde pusher key vs güncelleyebildiğmiz alanda kendi keylerimizi ekledik pusher panelde yollanan toplam mesaj görüyoruz ama chat sisteminde anlık mesajlar gelmiyor haliyle sayfa yenilenince geliyor dinleme yapmıyor maalesef bende ilk defa kullanıyorum yardımcı olursanız çok sevinirim şimdiden çok teşekkürler

nuri60

Azizim45 Pusher nasıl tetikliyorsunuz pusher debug concole gönderdiğinzi datalar düşüyor mu ?

Azizim45

debug console hiç bakmadım
burası boostrap.js dosyamdaki kodlar
import Echo from 'laravel-echo'; window.Pusher = require('pusher-js'); // console.log(process.env.MIX_PUSHER_APP_KEY) // console.log(process.env.MIX_PUSHER_APP_CLUSTER) // console.log(process.env) window.Echo = new Echo({ broadcaster: 'pusher', key: process.env.MIX_PUSHER_APP_KEY, cluster: process.env.MIX_PUSHER_APP_CLUSTER, forceTLS: true, authEndpoint: window.base_url + '/broadcasting/auth' });
bunlarda chat.js içindeki kodlar
` setTimeout(() => {
let current_user_id = $("#current_user").val();

        if (current_user_id) {
            // Ensure the current_user_id is valid
            window.Echo.private(`chat-message.${current_user_id}`)
                .listen('.message.sent', (e) => {
                    displayReceiverMessage(e.message);
                });
        } else {
            console.error("Invalid current_user_id");
        }
    }, 200);`

debug console nasıl kullnabilirim daha önce hiç kullanmadım maalesef

nuri60

Azizim45 debug console bakmanızı öneririm ilk oraya bildirimi düşürüyor olmanız gerekir ki yakalayabilecek bir şey var mı yok mu nerde hata var onu belirlemelisiniz belki sizin js kodlarınız işinizi görecek ama backend tarafından bildirim gönderemiyorsunuz
Bir de js kodlarından tahmin ettiğim kadarıyla sadece kişinin kendine ait bildirimlerini görmesini istiyorsunuz private channel lara bakmanızı öneririm
Kolay gelsin

Azizim45

@nuri60 çok teşekkür ederim yardımız için

aeneas

chat.js içindeki kodlarınız current_user_id arar listen le mesajı yakalar ve user_id ve mesaj varsa mesajı displayReceiverMessage fonksyonuna verir ve fonksiyonu çalıştırır.
user_id yoksa da hata atar : console.error("Invalid current_user_id");

burda displayReceiverMessage fonksiyonunuza ait kodları gösterirmisiniz. Orada bir kaç ajax kodu olmalı. Onları görmek lazım.

Azizim45

aeneas selamlar çok teşekkürlerdim bahsettiğiniz kodlar bunlar

`
function displayReceiverMessage(message) {

    console.log(message)

    if ($("#current_user").val() == message.to_user.id) {

        if (document.getElementById("chat-alert-sound") != undefined){
            var alert_sound = document.getElementById("chat-alert-sound");
            alert_sound.play(); // for the receiver user check if the chat box is already opened otherwise open it
        }

        openChatBox(message.from_user.id, message.from_user.name, function () {
            var chatBox = $("#chat_box_" + message.from_user.id);

            if (!chatBox.hasClass("chat-opened")) {
                chatBox.addClass("chat-opened").slideDown("fast");
                loadLatestMessages(chatBox, message.from_user.id, $(".btn-chat").attr("data-to-user-prefix"));
                chatBox.find(".chat-area").animate({
                    scrollTop: chatBox.find(".chat-area")[0].scrollHeight
                }, 800, 'swing');
            } else {
                if ($("#message-line-" + message.id).length == 0) {
                    var messageLine = getMessageReceiverTemplate(message); // append the message for the receiver user
                    $("#chat_box_" + message.from_user.id).find(".chat-area").append(messageLine);
                    chatBox.find(".chat-area").animate({
                        scrollTop: chatBox.find(".chat-area")[0].scrollHeight
                    }, 800, 'swing');
                }
            }
        });
    }

}`