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
Larave Echo Server Suncuda Çalıştırma
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
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
- Düzenlendi
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.
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');
}
}
});
}
}`