为什么来自Laravel的我的.listen调用在我的Angular前端不起作用？

Question

我正在编写一些使用Pusher和laravel尝试使用websocket的前端代码。 我无法触发侦听事件。

我在页面中收到websocket信息：

请求URL：ws：// localhost：6001 / app / someKey？protocol = 7＆client = js＆version = 4.4.0＆flash = false

当我触发一个新事件时，这是浏览器中的websocket输出：

channel: "chat"
data: "{"user":{"id":1,"name":"1","email":"1","balance":"79558.76450989","default_leverage":"20","used_margin":"3074.6057739400","email_verified_at":null,"is_fake":"yes","created_at":"2019-03-07 11:47:22","updated_at":"2019-04-08 10:54:02"},"message":{"id":82,"user_id":1,"group_id":1,"text":"test text here","created_at":"2019-04-08 10:55:21","updated_at":"2019-04-08 10:55:21"}}"
event: "App\Events\MessageSent" 

这是我的ts代码（ionic-v4）：

import { Injectable } from '@angular/core';
import {Echo} from 'laravel-echo-ionic';

@Injectable({
  providedIn: 'root'
})
export class PusherService {

  echo:any;

  constructor( ) {
    console.log("Pusher Service");
    var pusher = require('pusher-js');
    this.echo = new Echo({
      broadcaster: 'pusher',
      wsHost: 'localhost',
      wsPort: 6001,
      key: 'someKey',
      encrypted: false,
      enabledTransports: ['ws'],
    });
    this.echo.channel('chat').listen('App\Events\MessageSent', (e) => { 
      console.log('got message')  ;
    });  
  }
}

我没有得到控制台日志输出...任何人都可以帮助我吗？

Answer 1

好的，我已经开始工作了。

对于其他未来挣扎于此的人，你可以只听'EventSent'事件; 你不需要完整的路径。 即

    this.echo.channel('chat').listen('MessageSent', (e) => { 
      console.log('got message')  ;
    }); 

将工作。