[BUG] -Error: the recorded event cannot be heard

[MarioCarlosChita]

class ApiRoute extends Route {
@OverRide
String prefix = 'api/v1';

@OverRide
void register() {
super.register();

Router.websocket('/ws', (WebSocketEvent event) {
  print('websocket connenction done!');

  event.on('message', (WebSocketClient client, dynamic payload) {
    // Handle user-typing event for default route
    print('websocket connenction done event  message!');
    client.emit('message', {"data": 'success websocket connection'});
  });
});

}
}

the base url : ws://127.0.0.1:8000/api/v1/ws

sender data using postman:
{
"event":"message",
"payload":"data"
}

[javad-zobeidi]

@MarioCarlosChita

Your route class should be defined like this:

import '../app/http/controllers/ws/chat_websocket_controller.dart';
import 'package:vania/route.dart';
import 'package:vania/websocket.dart';

class WebSocketRoute extends Route {
  @override
  void register() {
    super.register();

    Router.websocket('/ws/chat', (WebSocketEvent event) {
      event.on('client_connected', chatWebSocketController.connection);
      event.on('send_message', chatWebSocketController.sendMessage);
      event.on('mark_delivered', chatWebSocketController.markAsDelivered);
      event.on('mark_read', chatWebSocketController.markAsRead);
      event.on('typing', chatWebSocketController.typing);
    });
  }
}

Your controller should be implemented like this:

class ChatWebSocketController extends Controller {

  Future<void> connection(WebSocketClient client, dynamic payload) async {
    print('Socket Connected');

    final auth = payload['auth']; // Payload sent by the client
    if (auth == null) {
      client.emit('error', {'message': 'unauthorized'});
      return;
    }

    // Each connected client has a unique socket ID
    final String socketId = client.clientId;

    // Send a message to the connected user
    client.to(socketId, 'new_message', {
      'message': 'Send to connected user'
    });
  }
}

• Base URL:
  ws://127.0.0.1:8000/ws/chat

• Payload:
  The payload sent by the client must be a Map.

For a complete working example, refer to this repository:
https://github.com/javad-zobeidi/vania-chat-application

[MarioCarlosChita]

@javad-zobeidi I try your solution but it did not work , can you help me please this my repository with all configuration about web socket.
https://github.com/MarioCarlosChita/web-socket-app

[javad-zobeidi]

@MarioCarlosChita

No need to put this anymore

https://github.com/MarioCarlosChita/web-socket-app/blob/f39cedd1d77977c0e7231cd1755aca738db7416f/lib/route/web_socket.dart#L7

  @override
  String prefix = 'api/v1';

delete the prefix and use it like this

ws://127.0.0.1:8000/ws/chat

[MarioCarlosChita]

Thanks @javad-zobeidi it works.

[MarioCarlosChita]

@javad-zobeidi when we send a empty data e message it stops the server I think it's bug