Laravel Echo 和 Whisper，listenForWhisper 不起作用

Question

I'm running Echo server and Beyondcode (Pusher). Presence channels work perfectly, and messaging I have built for it works. Now I'm trying to get the whisper to work for the typing status as well but no luck.

Sending whisper:

let channel = Echo.join('chat')

setTimeout( () => {
    channel.whisper('typing', {
    user: Laravel.user.id,
    typing: true
    })
}, 300)

Listen whisper:

Echo.join('chat')
.listenForWhisper('typing', (e) => {
    console.log(e)
});

In my echo server log, when i'm typing message:

testapp: connection id 332742863.966987392 received message: 
{
    "event":"client-typing",
    "data":{
        "user":2,
        "typing":true
    },
    "channel":"presence-chat"
}

Broadcast channel (routes/channels.php)

Broadcast::channel('chat', function ($user) {
    return [
        'id' => $user->id,
        'name' => $user->name
    ];
});

Connection id 332742863.966987392 is second user (not the one from which I typed the message).

But nothing appears in browser console.

Answer 1

我知道这很旧，但我的问题是我没有从推送应用程序设置中启用一个名为“启用客户端事件”的选项。

Answer 2

Just leaving this here for future user who might be facing issue with receiving events in

.listenForWhisper(..)

If you are using laravel-websockets , make sure you enable 'enable_client_messages'

Answer 3

The problem was solved after adding the listenForWhisper to created() method (creating the Vue application)

const app = new Vue({
    el: '#app',
    created() {
        Echo.join('chat').listenForWhisper('typing', ({id, name}) => {
            //....
        }
    }
}

Answer 4

I'm running Echo server and Beyondcode (Pusher). Presence channels work perfectly, and messaging I have built for it works. Now I'm trying to get the whisper to work for the typing status as well but no luck.

Sending whisper:

let channel = Echo.join('chat')

setTimeout( () => {
    channel.whisper('typing', {
    user: Laravel.user.id,
    typing: true
    })
}, 300)

Listen whisper:

Echo.join('chat')
.listenForWhisper('typing', (e) => {
    console.log(e)
});

In my echo server log, when i'm typing message:

testapp: connection id 332742863.966987392 received message: 
{
    "event":"client-typing",
    "data":{
        "user":2,
        "typing":true
    },
    "channel":"presence-chat"
}

Broadcast channel (routes/channels.php)

Broadcast::channel('chat', function ($user) {
    return [
        'id' => $user->id,
        'name' => $user->name
    ];
});

Connection id 332742863.966987392 is second user (not the one from which I typed the message).

But nothing appears in browser console.