Django Channels Tutorial 🔥: the most minimal Real Time app (not Chat) | Django WebSockets

[@seanicus100]

For anyone who isn't getting the "Starting ASGI/Channels" when starting up Django, but instead is getting the normal "Starting development server", I was able to resolve that problem by installing the *same* versions of django and channels to the virtual environment, because it looks like there was a change since this video came out.
I did
pip install django==3.1.4
pip install channels==3.0.2
The other dependencies didn't seem to be an issue even though they didn't match what was in the output of this video but in a few years it may be necessary to specify those as well.
Great video but tutorials like this ought to specify what versions they use, for future users.

[@MrTdhillon]

Thank you for making a non-chat tutorial!

[@RedEyedCoderClub]

Thank you for watching!

[@MrTdhillon]

@Red Eyed Coder Club I have a question. What would make this code/example work with multiple requests? I’m working on an app which has somewhat of a dashboard where multiple users can pick things from a list. This example works great but I was wondering what it takes for multiple users to interact

[@RedEyedCoderClub]

@@MrTdhillon try to follow the other Django Channels videos. It's just a very basic example.

[@hmoazed]

I found several tutorials for Django Channels, and they were all so convoluted I was about to give up. Thank haven I found your tutorial, it is so well laid out and easy to follow, thank you so much!!!

[@RedEyedCoderClub]

Thank you very much!

[@RedEyedCoderClub]

What video should I make next? Any suggestions? *Write me in comments!*
Follow me @:
Telegram: t.me/red_eyed_coder_club
Twitter: twitter.com/CoderEyed
Facebook: fb.me/redeyedcoderclub
Help the channel grow! Please Like the video, Comment, SHARE & Subscribe!

[@ADL1422]

That was already said but it's a real pleasure to find somebody who shows only a simple websocket. Thanks !

[@RedEyedCoderClub]

Thank you very much!

[@Saheryk]

Man, that's how tutorials should be - bare minimum to run anything, no matter how ugly it is. Literally not a single unnecessary thing. Thanks, you rock.

[@RedEyedCoderClub]

Thank you

[@jaideepshekhar4621]

Le Bootstrap: Am I a joke to you?

[@RedEyedCoderClub]

@@jaideepshekhar4621 Didn't get your question

[@jaideepshekhar4621]

@@RedEyedCoderClub It's just a joke. Good video!

[@face_control14]

For those who do not run "Starting ASGI/Channels",
1) remove "channels" (pip uninstall channels)
2) pip install channels["daphne"]
3) replace "channels" in INSTALLED_APPS with "daphne", and move it to the very top of the list
4) Many thanks to Oleg for developing the skill of finding and eliminating errors

[@jasmeetpabla378]

Thanks a lot. It helps me.

[@javierzheng5979]

Thanks a lot. I spent time in Cursor and chatGPT and still cannot get a useful solution for this.

[@ritiktyagi1926]

Many thanks, kind sir.

[@khoaavan8075]

Thanks a lot, good luck to you

[@zholdanimelyrics4276]

You are an incredible human being, all the luck in the world to you!

[@MrYoklmn]

Олег, спасибо! Всегда круто и понятно!)

[@RedEyedCoderClub]

Thank you :)

[@AdityaSingh-qc4xd]

In most of django channels tutorials they are just making the chat app using django channels documentation they dont even know what they are doing what they are importing why they are importing that middleware and as a beginner it was very confusing for me but your simple and basic video was very helpul and it explained me a lot So thank you for making this video.

[@RedEyedCoderClub]

Thank you very much!

[@afrasiyabkakakhel4643]

Man. This was one of the best tutorials I ever came across. Thank you so much.

[@RedEyedCoderClub]

Thank you :)

[@artemdyrdin6150]

This video is best for beginners. I am from Russia, but I got everything. Thanks!

[@RedEyedCoderClub]

Thank you very much!

[@TdadadT9]

Thanks a lot! I really waited this topic so much! Glad to see it right here.

[@RedEyedCoderClub]

Thank you!

[@ommahajan1]

same dude

[@Tuxcz]

First example out of many that's clear to me. Thank you.

[@RedEyedCoderClub]

Thank you for the comment!

[@jasmeetpabla378]

Thanks a lot for explaining so clearly the basics of django channels and web sockets.

[@ivanmaslennikov8415]

Thank you!
Really necessary minimum for understanding Django channels basics.

[@RedEyedCoderClub]

Thank you! Glad that it was helpful. Have a nice day!

[@FreeDomSy-nk9ue]

Awesome stuff. It's so rare to find tutorials about Django Channels.

[@RedEyedCoderClub]

Thank you very much!

[@bipulkalita5780]

yes, we need the spark and you just gave it. Awesome video.

[@RedEyedCoderClub]

Thank you very much!

[@mrigendraprasad1877]

Your voice is like watching django channels on discovery channel
Thanks for the tutorial

[@RedEyedCoderClub]

Thank you!

[@tazul8]

Very useful tutorial. A lot of thanks.

[@klduck2468]

This answered many questions i have. Thanks Red!

[@RedEyedCoderClub]

Thanks for watching!

[@BMAKAUSTUBHVERMA]

yeah boiii, finally some minimal real time app

[@RedEyedCoderClub]

Thank you very much!

[@MadhanMohanReddyB]

Fantastic work!!! very simple and easy to follow. Thank you so much.

[@RedEyedCoderClub]

Thanks for watching!

[@forentrepreneurs3852]

such a great tutorial! well thought approach for leaners new to channels concept!

[@RedEyedCoderClub]

Thank you very much!

[@AbzalAmeer]

thank you for this tutorial! It was very helpful to understand the basics of channels.

[@RedEyedCoderClub]

Thank you!

[@RichardFirOey]

For everyone who wants to know the simple higher concept of Django Channels, I suggest you to watch this video first ! Then, you could continue other advanced technique with ease.

[@RedEyedCoderClub]

Thank you

[@vivo0304]

Man the best tutorial that I find in youtube! Do you have a git rep link of this project?
Thanks!

[@brahimboughanam1662]

Really a was needed this thank you man

[@RedEyedCoderClub]

Thank you for your comment.

[@nirutg5130]

Thank you very much for Great example bro😊.

[@RedEyedCoderClub]

Thank you! :)

[@noobstack3498]

simple and complete .. love u ..

[@RedEyedCoderClub]

Thank you!

[@rezakhalafi528]

That is simple and undestandble. You are amazing teacher. Thank you so much.

[@RedEyedCoderClub]

Thank you!

[@dchiquinho4885]

Hello, nice video, do you use Redis? Is it necessary? thanks

[@robertcepero5598]

Thank you for the detailed info!

[@RedEyedCoderClub]

Thanks for watching!

[@LNMaster_]

Thank you very much, simple and understandable, I like yours 'визги' and 'асги' )

[@RedEyedCoderClub]

Thanks. I guess it's the right pronunciation according to the en.wikipedia.org/wiki/Web_Server_Gateway_Interface

[@LNMaster_]

@@RedEyedCoderClub let urlPath = '{{ url }}'
urlPath = urlPath.replace(/http|https/, 'ws')
const socket = new WebSocket(`${urlPath}ws/example`)
I think this JS websocket connection pattern more flexible, what's your opinion ? I am not an Python developer, used request.build_absolute_uri(),

[@RedEyedCoderClub]

yep, you are right

[@ДмитрийСиняков-я1ф]

Удивительно, я английский так сяк знаю, но тебя почему-то понимаю...)))) Спасибо за ролик!!!

[@RedEyedCoderClub]

Because of my pronunciation :)

[@veirant5004]

@@RedEyedCoderClub, you have not so many flaws, though. There happens a slight confusion with British and American pronounciation (in some places, you read "r", despite it is implied that you will omit it in British (some kind of subtitution to a long "a"), or vice versa stretching vowels as Americans would do it) and too strong consonants (t, d, r mostly) when control over the tongue weakens a little.
Thanks for the video!

[@RedEyedCoderClub]

@@veirant5004 Thank you very much! I will work on it :)

[@ommahajan1]

Thank you a lot. I really wanted this!!

[@RedEyedCoderClub]

Thanks for watching! Have a nice day

[@ehsanmatari2819]

Great video, Thanks a lot. 🙌

[@RedEyedCoderClub]

Thanks for watching!

[@davidmaillot4283]

Thank you, I used it for a real time trading app 👍

[@RedEyedCoderClub]

Thanks for watching and for your comment!

[@katata4742]

first thanks that was short to the point loved it now just asking doesn't this mean its now possible to call objects from the model in just similar manner or their is additional stuff ...

[@RedEyedCoderClub]

Not sure that got you correctly. Did you watch my other Django Channels videos?

[@Letop5suryoutube]

Thank you

[@RedEyedCoderClub]

Thanks for watching!

[@nootherkyle]

man you nailed it

[@RedEyedCoderClub]

Thank you!

[@codedjango]

Great tutorial, but I would like to understand its use-case - where do you think we could apply this logic for practically implementing it? Maybe "Chat" application? but here you are sending messages from server(django) to client(browser) using the "onmessage" method of WebSockets...and chat has to be between 2 clients(browser instances) I believe....Hence, if you could explain its practical use-case, maybe I will be able to relate it better...Anyways, thanks a lot for this tutorial.

[@RedEyedCoderClub]

This example has no practical use case. It's just an example of how to use Django Channels. Nothing more. I'll make more useful videos a bit later.

[@marcinszydowski5563]

It can be very useful to simulate a real-time processes for learning purposes (or even be programs for managing such processes itself if requirements will be easy). Imagine to write an app for students to show them how to monitor water system in the city or temperature in a steel mill, or even getting the overall state of a car during driving. In all cases sensors (consumers) emit data and there's need to display such informations (as they are or processed) on screens in a control rooms and panels.

[@lunaRdeltaY]

thx a lot sir, i know the differences of concept between http and web socket but your video tells how to implement, in a very clean way! really helps for newbie like me. But sir i have a question, if i wish to push data into multiple mobile apps (developed with flutter) at the same time, how can i do that?

[@RedEyedCoderClub]

Try to watch next video about broadcasting. It has the answer on you question.

[@user-wl6gd5xh1t]

Thanks for the tutorial, I have a question, which address should I listen to if we talk about the server, and maybe what should I change in credentials for server work, not localhost? (in my case frontend at another server and it should listen for the websocket)

[@RedEyedCoderClub]

Sorry for the late answer. The websocket have to listen the IP of your server from where it gets data. The localhost is 127.0.0.1 IP address, and so there is no much difference here. But it's probably necessary to take into consideration the cross origin requests problem.

[@user-wl6gd5xh1t]

@@RedEyedCoderClub thanks for the answer, I already found out how to solve it. In settings.py I changed 127.0.0.1:8000 into 0.0.0.0:8000, and it starts work. And yeah, cross origin was too, but it wasn't big trouble)) Right now it's working, but a little bit slow(I send some requests to another server, for about 20 requests per minute), trying to find out how to make it faster

[@fabianhaukhopland6713]

Nice video, thanks

[@RedEyedCoderClub]

Thanks for watching!

[@OnyxBloodStone]

Do you know about rooms in SocketIO? Is there an equivalent to that in Channels?

[@RedEyedCoderClub]

I know about rooms. Did you watch my other Channels videos?

[@omarnomad]

Very cool. Will you make it in the future to support multiple clients?

[@RedEyedCoderClub]

The next video in the series with a project, that supports multiple clients.

[@omarnomad]

@@RedEyedCoderClub Hey, looking forward to it! Thanks for replying. Have a nice day!

[@RedEyedCoderClub]

Thank you!

[@Aiminsun]

Great video, Thanks a lot ^_^

[@RedEyedCoderClub]

Thank you!

[@geektom8898]

Thanks for this Amazing tut please how we can send data from view to consumer

[@RedEyedCoderClub]

Thank you. Didn't get what you want to achieve. Can you elaborate it a bit?

[@geektom8898]

@@RedEyedCoderClub thanks for your reply I very much appreciate it,
I'm a newbie in Django I like your tutorials
I created a small app where anyone comes and types a keyword on the form (on the index.html page) and I created a python function that takes this keyword and scraps data from the web and returns the result to the user it returns many titles ['title1','title2','title3','title4', ......].
when I saw your real-time app I like it and I hope to display my scraped data like you do one by one don't wait for the function to scrap all titles.

[@RedEyedCoderClub]

This video is just a demonstration of very basic using of Django Channels. More complicated staff I put in other videos.
Did you watch my other videos about using of Django Channels?
They have the answer to your question. Consider of watching them, please.
Than you for your comment, and have a nice day!

[@guenterbailey5974]

Wow, realy easy and tiny. 👍

[@RedEyedCoderClub]

Thank you!

[@thiagocnunes]

Amazing , tks a lot!

[@RedEyedCoderClub]

Thanks for watching and have a nice day!

[@caipeiyuan5391]

It‘s a great tutorial.
Could you upload the demo code to the github？
Thank you a lot.

[@RedEyedCoderClub]

The project has the minimum of Python and JS code.

[@rakeshnagarajan7701]

6:10 video starts

[@RedEyedCoderClub]

Thanks for comment

[@noru.sketch]

Can python be used as a client?

[@RedEyedCoderClub]

Actually no, but Python code can be compiled to JS, and this allows to use Python on frontent.

[@gus_gus_]

works great, but when I close the window and then reopen the same window, page doesn't work. I think I need another function when is disconnect

[@RedEyedCoderClub]

It's just the most minimal example. Did you try another videos of the series?

[@rajeshthoomu3297]

1000th like🙂

[@RedEyedCoderClub]

Thank you :)

[@alexdin1565]

Hi, can we scrape data and display data scrapped in real-time in place of your random numbers?

[@RedEyedCoderClub]

Hi, I have 4 videos about Django Channels.
The last one is about sending requests to an API (using Celery BTW), and rendering data in real-time.
The video:
ua-cam.com/video/wos1uhnd3qM/v-deo.html

[@alexdin1565]

@@RedEyedCoderClub thanks, This is why you are the best

[@RedEyedCoderClub]

Thank you!

[@radeshf]

very useful, tank you

[@RedEyedCoderClub]

Thank you!

[@mukulkumar8188]

What if I refresh the page, there is no disconnect method in the consumer. Can you help me to understand what can I write in disconnect method.

[@RedEyedCoderClub]

In disconnect method usually is the logic of quitting from a group/channel and regarding stuff.

[@Tom.A.]

Nice!

[@RedEyedCoderClub]

Thank you

[@devmrnecro4215]

Can anybody tell me why we do need to use json here? Like for what purposes we use that?

[@RedEyedCoderClub]

JSON is convenient data format. That's why.

[@aashayamballi]

Thank you!

[@RedEyedCoderClub]

Thanks for watching!

[@technicalilm8999]

Can asgi and wsgi run at the sametine ?

[@RedEyedCoderClub]

Yes, it's possible.

[@mozzaminamdar7143]

what if we refresh the page?? the connection is going to fail or it will reconnect??

[@RedEyedCoderClub]

It should reconnect but it won't, because it's a very basic example. Consider of watching my other Django Channels video.

[@liorbm1]

Its great, but how to close the connection ?

[@RedEyedCoderClub]

Try to call the self.close() method in the connect method

[@supritkumar2624]

Listen failure: Couldn't listen on 127.0.0.1:8000: [WinError 10048] Only one usage of each socket address (protocol/network address/port) is normally permitted.

[@RedEyedCoderClub]

Check your code, please

[@ugursakarya8995]

I have this error " Import "django.core.asgi" could not be resolved from source " when I write the ' django.core.asgi ' . How ı can solve this problem. pls help

[@RedEyedCoderClub]

What are you doing? What do you want to achieve?

[@AliAbdullah-oi3wc]

Why can't you load the site in another tab? It's blocking any new requests?

[@RedEyedCoderClub]

It just can't handle the second request, because it's fully synchronous app.

[@franco_bsnss7482]

Bro you just took the job of the Usestates in React..

[@jansgreen4650]

How do I pass that data to the live html?

[@RedEyedCoderClub]

It will work the same way in production

[@naeemnawaz4590]

please anyone
ERROR is
django.core.exceptions.ImproperlyConfigured: Cannot import ASGI_APPLICATION module 'startup.asgi'

[@RedEyedCoderClub]

check your code or start a new project from scratch. I've got the same bug one time.

[@athuldas8689]

How can we use the same on server, its not connecting

[@RedEyedCoderClub]

This example is not for production, consider watching of my other Django Channels videos.

[@RedEyedCoderClub]

Thanks for comment

[@UMBERTOartS7]

and for deploy this project?

[@RedEyedCoderClub]

Maybe next time

[@TheUltimateNoobHD]

why do you use redis?

[@RedEyedCoderClub]

Why not to use Redis?

[@aayushpatil7514]

Ok but can you make a scalable video chatting app with this

[@RedEyedCoderClub]

I'll make a video about chatting app, but it'll be a bit later. It'll be the video #5 in the Channels topic.

[@mahmoudbechki8210]

thank you so much

[@RedEyedCoderClub]

Thank you too!

[@nagarajkalakutagi5717]

Thank you sir

[@RedEyedCoderClub]

Thank you too!

[@alfonzotamano6209]

jared yambao gusto mag lig pero wala pang comment

[@bahakulbarakov494]

Спасибо за ролик! У меня английски не на уровне, но я все понял

[@alexle3598]

its not working with https

[@RedEyedCoderClub]

:D It's just an example, demonstrating the basic principle.

[@alexle3598]

@@RedEyedCoderClub ok. how to remove client limitations?

[@N10-b8f]

Please make Django chat app

[@RedEyedCoderClub]

Of course, but a bit later

[@N10-b8f]

@@RedEyedCoderClub by the way your content is amazing keep it up!!!

[@RedEyedCoderClub]

Thank you!

[@egorkomarov4719]

Когда будут видосы на русском?

[@RedEyedCoderClub]

Maybe later

[@vitalii7672]

спасибо большое

[@RedEyedCoderClub]

You're welcome

[@lukaszromanowski8285]

thanx

[@bahakulbarakov494]

Are you russian person?

[@НурланБайбатыров-ю5м]

Я не знаю можно ли размещать ссылки на канал в комментариях. поэтому просто посоветую набрать Олег Молчанов в поиске и найдешь его русскоязычный канал

[@bahakulbarakov494]

@@НурланБайбатыров-ю5м да ладно это он? XDDDDD

[@RedEyedCoderClub]

yep, it's him

[@naeemnawaz4590]

o please anyone help

[@RedEyedCoderClub]

try to check your code

[@FunnyShorts_Trending]

thank you very much

[@RedEyedCoderClub]

Thanks for watching, and for the comment!