How to add Websockets about full-stack HOT 4 CLOSED

Thanks Sebastian. I moved to your new FastAPI/Postgress stack and starlette's websockets are much more elegant to quickly leverage. That is awesome! Thank you for all the sharing you do, and effort in documentation. Maybe less obvious is how valuable working of your design patterns with the stacks are. I hadn't tackled Vue.JS before and extending from your patterns made it a piece of cake to learn!

from full-stack.

I suspect the answer to this comes along with a ASGI/FastAPI setup. Ready to tackle that down the road as i wrangle a SQLalchemy backend onto it.

from full-stack.

Hi @thewhipster !

Yep, my suggestion goes around FastAPI.

There's a new section in the docs about using WebSockets: https://fastapi.tiangolo.com/tutorial/websockets/

There's an equivalent full-stack project generator to this one, everything is equivalent except for being FastAPI instead of Flask (with a lot of plug-ins): https://github.com/tiangolo/full-stack-fastapi-postgresql

If you need specifically SocketIO, you probably can try https://python-socketio.readthedocs.io, and add it to your FastAPI app mounting it as an "ASGI" application: https://python-socketio.readthedocs.io/en/latest/server.html#uvicorn-daphne-and-other-asgi-servers

Let's say you have a SocketIO app:

sio = socketio.AsyncServer(async_mode='asgi')
sio_app = socketio.ASGIApp(sio)

You should be able to mount it in FastAPI with:

app.mount("/socket.io", sio_app)

from full-stack.

Thank you! That's great to hear! 😄 😊

I'm glad it's been helpful.

from full-stack.