4.3 Hosting a WebSocket Server on Glitch - Fun with WebSockets!

In this video, I explain how to upload our sample WebSocket server project to Glitch.com, and configure the local client to connect to it.
This video is part of the series "Fun with WebSockets! 🌐🔌", taught by @garciadelcastillo on @ParametricCamp.
📝Course playlist: • Fun with WebSockets! 🌐🔌
Remember to subscribe and turn notifications on to receive alerts for new streams and content! 😄
💻Code: github.com/ParametricCamp/Tut...
🔗 Websocket Echo Server on Glitch.com: glitch.com/edit/#!/simple-web...
🔗 p5.js Sketch: editor.p5js.org/garciadelcast...
🔗 p5.js Sketch on Glitch.com: glitch.com/edit/#!/sync-chasi...
Follow:
📺 / parametriccamp
📷 / parametriccamp
🐦 / parametriccamp
💻github.com/ParametricCamp
📷🕺 / garciadelcastillo
🐦🕺 / garciadelcasti
📼✂️🕺Video editing: / kh.arastoo

[@GustavoMuniz]

2024 and this video save me and my project, thanks man

[@EChuTaa]

been bashing my head trying to integrate a WS server into my express project on glitch for a while now and the user-agent bit was very helpful, thanks!

[@EChuTaa]

in case anyone is using a custom domain and cant get the connection to open fully, try connecting to glitch's url

[@nicolaycifuentes3846]

@@EChuTaa I am not able to use the link and I always get the 502 error, do you know how to fix this error?

[@EChuTaa]

@@nicolaycifuentes3846 the github link in the description?

[@user-oy9vy7tz5c]

thanks man, you gave me right solution!

[@سیدسروشحسینی]

Thanks :)❤

[@batertv]

you are a legend, you saved me from so many complicated bs, i cannot thank you enough youre a god

[@MichMcKeon]

I just want to say..... THANK YOU !!!!!!! **Instant upgrade to hero status**

[@prashantchoudhary4725]

Thank you so much

[@xtime5666]

THANKS :>

[@matt112fly]

if i want to deploy a website with a node backend running a websocket server, how can i connect the client to the glitch server ? (not from local host)

[@Cagatay-gf8mp]

Bro so fucking thank i almost lose my mind

[@luckyjaiswal40]

Love from india

[@EliasTenpo]

great

[@itsmakar2412]

can i run both express and websocket server on glitch?

[@user-mz8qk8ph6u]

ty

[@chrisamuzie401]

Is there any way I can host the project on namecheap hosting server?

[@maketank]

The templates on Glitch (july 2021) no longer offer the Node / Express combo and have been replaced with a Node / Fastify template. It would be helpful to share your default Express template for the video. Great work!

[@ParametricCamp]

Oh no! That sucks! Let's see what can we do about it...

[@maketank]

@@ParametricCamp Maybe you can just make your version shareable? It's not linked above in the comments. Or perhaps there's another (older) version of Express template lying around the Glitch library for remixing. I guess these would be the quick and easy options rather than changing to Fastly. I would attempt using the Fastly template, but I don't want to waste time on debugging... I want to get to the later chapters related to grasshopper. Thanks!

[@ParametricCamp]

@@maketank You can always look at the code here: glitch.com/edit/#!/simple-websocket-server-echo. And actually, the example doesn't use the Express part at all, so you can probably replicate the example with the new 'Hello Node' template. Have you tried?

[@umaradkhamov6380]

@@ParametricCamp I have tried to replicate it using Hello-node example. In their log it shows that my server is running. But I am unable to connect to it throw a client. Can you help with it?

[@dafibh]

is it possible to do this with free tier of glitch?

[@yassoytessaim9297]

can i host a websocket in ratchet on glitch?

[@imalallawmkima8081]

It display 'Upgrade required' does it have to be relate with ws PORT and http PORT.

[@ParametricCamp]

That's just the web visualization, but the WS server works anyway.

[@minedeath_gt]

I keep getting protocol error, [Object] object is invalid. at the user agent part. pls help thx

[@umaradkhamov6380]

I am getting that too. Have you fixed it?

[@RonyEfendy]

Headers is not required anymore to connect with Glitch.

[@lawre_17]

Hello, What if i want to host my node js app on my own domain not glitch, hw do i go about it am stuck here

[@ParametricCamp]

That will depend on the services available to you from your hosting provider...

[@lawre_17]

Thank you...my provider has support for node js but running the code from the terminal has been a headache for me bt ill try and figure out a way