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

This Django Channels tutorial is the most minimal example of how to use Django Channels to create a Real Time application, that uses Django and Websocket.
The main idea of this Django Channels tutorial is that Django generates numbers from 0 to 100, and send them to the front-end via opened WebSocket connection. And these numbers are rendered in real time without any actions from the User.
Minimum of JavaScript code.
Minimum of Python and Django code.
Minimum of HTML.
Just the core idea of how to use Websockets with Django.
And again this Django Channels tutorial - is the most minimal example of how to use Websockets with Django.
The WebSocket is an advanced technology that makes it possible to open a two-way interactive communication session between the user's browser and a server. With this API, you can send messages to a server and receive event-driven responses without having to poll the server for a reply.
To work with WebSockets with Django (on the server side) we have to use Django Channels - a special Python Django library.
This is an advanced Django tutorial
Follow me @:
Telegram: t.me/red_eyed_...
Twitter: / codereyed
Facebook: redeyedc...
=====================================
📎 The source code is available via Patreon:
/ most-minimal-45284762
=====================================
** Web Scraping course **
is available via Patreon here:
/ red_eyed_coder_club
or its landing:
red-eyed-coder...
➥ Please ➥ Like ➥ Comment ➥ Subscribe
Django Channels 3 tutorials ***
- Real Time Graph: • Django Channels Tutori...
- Real Time Broadcasting API response: • Django Channels, Celer...
** My Django 3 tutorial **
• Python Django Tutorial...
➥➥➥ SUBSCRIBE FOR MORE VIDEOS ➥➥➥
Red Eyed Coder Club is the best place to learn Python programming and Django:
Subscribe ⇢ / @redeyedcoderclub
Django Channels Tutorial - the most minimal Real Time app (not Chat) | Django WebSockets
• Django Channels Tutori...
#django #djangochannels #djangochannelstutorial #redeyedcoderclub #djangowebsockets

[@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.

[@user-iq6qy3rw2l]

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!

[@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.

[@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!

[@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!

[@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!

[@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!

[@mrigendraprasad1877]

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

[@RedEyedCoderClub]

Thank you!

[@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.

[@FreeDomSy-nk9ue]

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

[@RedEyedCoderClub]

Thank you very much!

[@ivanmaslennikov8415]

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

[@RedEyedCoderClub]

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

[@bipulkalita5780]

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

[@RedEyedCoderClub]

Thank you very much!

[@BMAKAUSTUBHVERMA]

yeah boiii, finally some minimal real time app

[@RedEyedCoderClub]

Thank you very much!

[@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

[@tazul8]

Very useful tutorial. A lot of thanks.

[@user-is2wd4fn2j]

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

[@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 :)

[@klduck2468]

This answered many questions i have. Thanks Red!

[@RedEyedCoderClub]

Thanks for watching!

[@Letop5suryoutube]

Thank you

[@RedEyedCoderClub]

Thanks for watching!

[@MadhanMohanReddyB]

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

[@RedEyedCoderClub]

Thanks for watching!

[@AbzalAmeer]

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

[@RedEyedCoderClub]

Thank you!

[@forentrepreneurs3852]

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

[@RedEyedCoderClub]

Thank you very much!

[@dchiquinho4885]

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

[@vivo0304]

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

[@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

[@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! :)

[@robertcepero5598]

Thank you for the detailed info!

[@RedEyedCoderClub]

Thanks for watching!

[@ommahajan1]

Thank you a lot. I really wanted this!!

[@RedEyedCoderClub]

Thanks for watching! Have a nice day

[@davidmaillot4283]

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

[@RedEyedCoderClub]

Thanks for watching and for your comment!

[@noobstack3498]

simple and complete .. love u ..

[@RedEyedCoderClub]

Thank you!

[@ehsanmatari2819]

Great video, Thanks a lot. 🙌

[@RedEyedCoderClub]

Thanks for watching!

[@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.

[@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.

[@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?

[@rajeshthoomu3297]

1000th like🙂

[@RedEyedCoderClub]

Thank you :)

[@rezakhalafi528]

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

[@RedEyedCoderClub]

Thank you!

[@nootherkyle]

man you nailed it

[@RedEyedCoderClub]

Thank you!

[@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?

[@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!

[@Mrshorts_cut]

thank you very much

[@RedEyedCoderClub]

Thanks for watching, and for the comment!

[@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

[@thiagocnunes]

Amazing , tks a lot!

[@RedEyedCoderClub]

Thanks for watching and have a nice day!

[@franco_bsnss7482]

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

[@fabianhaukhopland6713]

Nice video, thanks

[@RedEyedCoderClub]

Thanks for watching!

[@Aiminsun]

Great video, Thanks a lot ^_^

[@RedEyedCoderClub]

Thank you!

[@aashayamballi]

Thank you!

[@RedEyedCoderClub]

Thanks for watching!

[@guenterbailey5974]

Wow, realy easy and tiny. 👍

[@RedEyedCoderClub]

Thank you!

[@Tom.A.]

Nice!

[@RedEyedCoderClub]

Thank you

[@radeshf]

very useful, tank you

[@RedEyedCoderClub]

Thank you!

[@bahakulbarakov494]

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

[@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.

[@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?

[@mahmoudbechki8210]

thank you so much

[@RedEyedCoderClub]

Thank you too!

[@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!

[@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.

[@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.

[@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?

[@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:
ruclips.net/video/wos1uhnd3qM/видео.html

[@alexdin1565]

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

[@RedEyedCoderClub]

Thank you!

[@nagarajkalakutagi5717]

Thank you sir

[@RedEyedCoderClub]

Thank you too!

[@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

[@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.

[@liorbm1]

Its great, but how to close the connection ?

[@RedEyedCoderClub]

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

[@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.

[@rakeshnagarajan7701]

6:10 video starts

[@RedEyedCoderClub]

Thanks for comment

[@technicalilm8999]

Can asgi and wsgi run at the sametine ?

[@RedEyedCoderClub]

Yes, it's possible.

[@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.

[@lukaszromanowski8285]

thanx

[@vitalii7672]

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

[@RedEyedCoderClub]

You're welcome

[@jansgreen4650]

How do I pass that data to the live html?

[@RedEyedCoderClub]

It will work the same way in production

[@TheUltimateNoobHD]

why do you use redis?

[@RedEyedCoderClub]

Why not to use Redis?

[@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

[@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.

[@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.

[@UMBERTOartS7]

and for deploy this project?

[@RedEyedCoderClub]

Maybe next time

[@alfonzotamano6209]

jared yambao gusto mag lig pero wala pang comment

[@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?

[@egorkomarov4719]

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

[@RedEyedCoderClub]

Maybe later

[@user-bc2ec6dg4e]

Please make Django chat app

[@RedEyedCoderClub]

Of course, but a bit later

[@user-bc2ec6dg4e]

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

[@RedEyedCoderClub]

Thank you!

[@bahakulbarakov494]

Are you russian person?

[@user-tl4ur8ib1l]

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

[@bahakulbarakov494]

@@user-tl4ur8ib1l да ладно это он? XDDDDD

[@RedEyedCoderClub]

yep, it's him

[@naeemnawaz4590]

o please anyone help

[@RedEyedCoderClub]

try to check your code