By Glutch
Hello!
I have a game hosted on vercel, now i needed socket.io for multiplayer. Everything works on localhost, connected to the server on digitalocean. But it does not work when deployed to vercel even though they are talking to the same ip (on digitalocean) I suspect that localhost and digitalocean can talk to eachother since both are http. Vercel is https, so the requests might not go through? In the browser console i receive "WebSocket connection to ‘wss://123.123.123.123:3001/socket.io/?EIO=4&transport=websocket’ failed: " (No failed explanation, its just empty)
So my question is:
- Is my assumption correct? If so
- Can i add SSL to a digiocean IP or does it need to be a domain? if so
- Can that domain be for example https://server.example.com while https://example.com is used on vercel?
Help greatly appreciated ❤️, preferably some in depth guide as i am not a pro with these kind of things
This textbox defaults to using Markdown to format your answer.
You can type !ref in this text area to quickly search our full set of tutorials, documentation & marketplace offerings and insert the link!
Hi there,
Indeed this sounds like a mixed content problem.
Are you running your web sockets service on a Droplet? If so, as you mentioned, it is best to use a subdomain like server.example.com and follow these steps:
- Add an A record for your
server.example.comsubdomain to point to your DigitalOcean server IP address. - After that use a free SSL certificate using Let’s Encrypt:
- Then you could add an Nginx reverse proxy to the SSL Nginx server block generated by
certbotas described in the tutorial above:
...
location / {
proxy_pass http://localhost:3001;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header Host $host;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
# WebSocket support
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "upgrade";
}
...
Let me know how it goes!
Best,
Bobby
Vercel don’t suport websocket client because works as serverless functions returning a bunch of code in each received request, and don’t keep connections alive (necessary for websocket works).
https://vercel.com/guides/do-vercel-serverless-functions-support-websocket-connections
Become a contributor for community
Get paid to write technical tutorials and select a tech-focused charity to receive a matching donation.
DigitalOcean Documentation
Full documentation for every DigitalOcean product.
Resources for startups and AI-native businesses
The Wave has everything you need to know about building a business, from raising funding to marketing your product.
The developer cloud
Scale up as you grow — whether you're running one virtual machine or ten thousand.
Get started for free
Sign up and get $200 in credit for your first 60 days with DigitalOcean.*
*This promotional offer applies to new accounts only.