Implementation websockets in adonisjs 5

[adnanerlansyah403]

Is there any documentation that explains about how to setup websocket in adonisjs 5 ? but not for View template. I want to use it on NuxtJS 3. Please let me know if there's a way to do it. I still struggling with this feat, because there are only a few topics that discuss websocket and that too only in the old version or 4.

I already setup it on client side, this is my code on the socket.ts file:

// utils/socket.ts

export const startSocket = () => {
    
    const websocket = new WebSocket("ws://127.0.0.1:3333/");
    console.log("Starting Connection to Websocket Server");

    websocket.onopen = (res) => {
        console.log("Successfully connected");
    };

    websocket.onmessage = (res) => {
    };

    websocket.onclose = () => {
        console.log("Server closed");
    };
    
    websocket.onerror = (error: any) => {
        console.error('WebSocket error:', error)
    }
};

And when I hit that endpoint, I just got the issue like this:

WebSocket connection to 'ws://127.0.0.1:3333/' failed: 

[MaximeMRF]

Hello @adnanerlansyah403

Yes there is a cookbook to use socket.io with AdonisJs v5

[adnanerlansyah403]

It still not working when I already tried from the tutorial, the data of console didn't appears when I opened the browser. Oh yeah btw I tried this on server side or from pure adonisjs5

[adnanerlansyah403]

Anyone can help me out with this issue ? I need complete my project as fast as I can for my homework

[MohamedAljoke]

ah check this one
#4406

[zecar]

i think you can guide yourself with this: https://v5-docs.adonisjs.com/cookbooks/socketio-with-adonisjs

you can replace the socket.io server with websocket

[MaximeMRF]

I have already mention this cookbook