Sending JSON over WebSockets - JavaScript Tutorial

In today's video I'll be showing you how to send JSON data over WebSockets between the client and server - this is very simple to do and provides a convenient way of communicating between both ends.

Support me on Patreon:

Follow me on Twitter @dcodeyt!

If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!

#dcode #javascript #websockets

[jachencarl]

Thank you Sir for this tutorial. Quick, short, clean and complete.

[suman-majhi]

After a long 6mnth.... Ultimately I find the best tutorial 🤩🤩🤩🤩

[AnonymousDeveloper]

Wow, you really nice explain stuff in your tutorials. I need to learn basics of web sockets in JS and I hope I could understand that with your well-made videos.

[syrlmhmd]

Great tutorial sir, hope you always healthly and keep share tutorial.

[TomasMisura]

Thank you for this tutorial. I have experience with JSON data format as such and I must say regardless of native support in database engines and programming languages it's sometimes nightmare especially you have nested and very complex JSON strucure like in my the latest project :)

[davemunger]

Very well explained, but just a bit of feedback. The title comes up highly ranked in a search, however I wanted to know how to send JSON data TO the client, while this video only addresses sending to the server, for some reason. I'm having trouble with ExpressWs which only seems to send binary back, and I had to skip through this whole video to find that it doesn't cover both directions, as the title seemed to imply to me (by omission).

[moisescastillo]

It is a great video, is it possible to create a chat with WebSockets? Could you make a video showing that? thank you in advance for the tips

[lookalike]

I seem to be having a problem on the Client side, where if I loop the data throught the Server, to send right back to the client, the data in the Message is of type "Blob" and I cannot seem to access it again on the Client. JSON.parse fails, as it seems to see a type "Object" in the Message. Now, if I unpack the data on the Server using JSON.Parse and then run JSON.Stringify, I can access the data in the ".data" field of the Message on the Client. Can someone please explain what might be going on here? I would like to loop through the data through the Server without have to Parse then Stringify the Data. thanks!

[rezanami]

I am trying to send sell or buy request by web socket instead of fetch request on console, is it possible?

[_blanka]

Hey is it possible to send videos and images via streaming them through socket???
A tutorial on this would be great 👍👍😀

[param_jnana]

What if you have to load data from an external json??

[scriptedpixelsltd]

Any reason why when doing the exact same thing in this video (before turning it in to json) my console.log outputs `<Buffer 74 68 69 73 20 69 73 20 61 20 6d 65 73 73 61 67 65>` in the console instead of a string that's been sent from the html?

edit: what happens now is that if I use this: console.log(`Client has sent: ${message}`)

the message appears fine in the console:

Client has sent: {"message":"this is a message"}

Is this something new?

[icalculi]

i just need a tutorial for websocket CLIENT. i have the websocket server address but every tutorial is 'how to create your ws server..'