Django Channels - Aplicações real time com Django

Já ouviu falar de Channels? Não? Nesta talk vamos destrinchar um pouco mais dessa feature que permite requisições assíncronas no Django e que é perfeita para o desenvolvimento de aplicações real time.

1. Django Channels
Aplicações real time com Django

2. Quem sou eu?
Paula Grangeiro
Bacharel em Sistemas de Informação
Desenvolvedora de Software Sênior
PyLadies e Django Girls
Colecionadora de gatos

3. Aplicações Real
Time

4. Como funciona a internet
➔A comunicação é estabelecida
entre um cliente e um servidor
◆Cliente requisita (request)
◆Servidor responde (response)

➔Requisições/Respostas síncronas
➔Possui ciclo de vida

5. Aplicações Real Time
➔ O cliente necessita de uma
resposta do servidor em “tempo
real”.
➔ O cliente precisa se atualizar
caso alguma informação mude no
servidor.
➔ O cliente precisa manter a
comunicação aberta com o
servidor indefinidamente, para
receber/enviar novos dados.

6. WebSockets
➔Protocolo HTML5 baseado no TCP
➔Conexões assíncronas bidirecionais
➔Permite conexões não criptografadas e criptografadas
◆ws: e wss: equivalentes à http: e https:
➔Possui baixa latência
➔Suportado em:
◆Internet Explorer 10+
◆Mozilla Firefox 4+
◆Safari 5+
◆Google Chrome 4+
◆Opera 11+

7. HTTP vs. WebSocket

8. Channels

9. Django Views
Django foi construído em
cima do conceito de
requisições e respostas da
web HTTP, com requisições
síncronas que possuem um
ciclo de vida.

10. Django Channels
➔ Adiciona ao Django suporte a
WebSockets de uma maneira similar
às views HTTP
➔ Funciona essencialmente como um
task manager
◆Mensagens que chegam são
alocadas em uma fila
◆A fila pode ser consumida por
N consumers

11. Instalação

12. Caso de Teste - Aplicação de Chat Online

13. Instalação e Configuração
➔pip install channels
➔Caso use Redis
◆pip install asgi_redis
➔No settings.py
◆“channels” in INSTALLED_APPS
◆Adicionar Redis no
CHANNEL_LAYERS

14. Configurando ASGI
O arquivo asgi.py deve substituir o
wsgi.py criado automaticamente pelo
Django no momento de criação do projeto.

15. Levantando o server
➔daphne chat.asgi:channel_layer --port 8888
➔python manage.py runworker

16. Implementação
-
Backend

17. Arquivo de Rota
O arquivo routing.py equivale ao urls.py,
nele são descritos cada channel que a
aplicação suporta e seus equivalentes
consumers.

18. Implementando
Consumers
Os consumers são
equivalentes às views.
Eles ouvem um channel em
específico e são
responsáveis por tratar as
mensagens alocadas nele.

19. Implementando Consumers

20. Implementação
-
Frontend

21. Conexão WebSocket
1.Criamos a conexão via
WebSocket.
2.Pra cada submit do form, a
mensagem é enviada via
WebSocket.
3.Para cada nova mensagem
publicada, os clientes que
estão conectados no mesmo
WebSocket são atualizados.

22. Mas isso Funciona?

23. Referência
https://blog.heroku.com/in_deep_with_django_channels_the_future_of_real_time_a
pps_in_django
https://udgwebdev.com/node-js-para-leigos-explorando-real-time/
http://websocket.org/echo.html
http://www.devmedia.com.br/uso-de-websockets-e-html5/32267
https://github.com/jacobian/channels-example
https://django-channels-example.herokuapp.com/
https://www.mmobomb.com/review/league-of-angels-2

24. Obrigada!
@paulagrangeiro
fb.me/paula.grangeiro
[email protected]
blog.paulagrangeiro.com.br