Este documento apresenta o framework Ratchet, que permite a criação de aplicações em tempo real com PHP usando WebSockets. O Ratchet fornece uma API para lidar com conexões WebSocket e implementa os padrões Publisher/Subscriber e Remote Procedure Call usando o protocolo WAMP. O documento demonstra como construir aplicações simples como um chat em tempo real e integrações mais complexas com sistemas backend existentes.

1. Aplicações em
tempo real com o
RATCHET
Aryel Tupinambá - PHP Conference 2016

2. Sobre o palestrante
Co-fundador e CTO da LQDI Digital
Projetos para empresas como Porto Seguro, Nestlé,
Ticket, Editora FTD, Tishman Speyer e Ambev
13 anos trabalhando com PHP
Desde a época que o PHPClasses era a onda :)
Aryel Tupinambá

3. Real-time

4. Real-time = reação imediata
(à um evento externo)

5. Tempo normal vs tempo real
Uma nova
mensagem de chat
é enviada
A mensagem
aparece na lista de
mensagens
Uma notificação é
recebida
Um alerta sonoro e
uma caixa de
mensagem surgem
Um post é
atualizado pelo
editor
O conteúdo do post
é atualizado
Tempo "normal"
Ação realizada RefreshEvento... Reação...

6. Tempo normal vs tempo real
Uma nova
mensagem de chat
é enviada
A mensagem
aparece na lista de
mensagens
Uma notificação é
recebida
Um alerta sonoro e
uma caixa de
mensagem surgem
Um post é
atualizado pelo
editor
O conteúdo do post
é atualizado
Tempo real
Ação realizadaEvento... Reação...

7. O HTTP clássico

8. Real-time com HTTP puro
Ajax (Polling) Ajax (Long Polling) HTTP streaming

9. Por que não usar HTTP então?
Overhead (sobrecarga)
da mensagem
HTTP
da manutenção
de conexão
Comunicação uni-direcional

10. WebSockets

11. WebSockets, onde roda
- Chrome, Firefox, Safari
- Internet Explorer 10+, Edge
- Internet Explorer 8 e 9 (via Flash polyfill)
- Mobile browsers (Android, iOS, Windows, etc)

12. WebSockets API

13. WebSockets API

14. Sobre o Ratchet

15. Topologia de uma app Ratchet
TCP
HTTP WebSockets
Ratchet Core
IoServer
(sockets)
SessionProvider
(sessões Symfony)
Sua aplicação
WampServer
(canais, pub/sub)
WsServer
(websockets)

16. Topologia de uma app Ratchet

17. Demo - Echo
Código disponível em: http://github.com/DfKimera/phpconf16-ratchet/

18. Na prática - Chat
Código disponível em: http://github.com/DfKimera/phpconf16-ratchet/

19. Integrando aplicações existentes
Um post é
atualizado pelo
editor
O conteúdo do post
é atualizado
Tempo real
Ação realizadaEvento... Reação...

20. Integrando aplicações existentes
Um post é
atualizado pelo
editor
O conteúdo do post
é atualizado
PHP envia mensagem
via WebSocket avisando
da atualização
O usuário acessou
o post original
Salva no BD
Servidor Ratchet recebe
o aviso de atualização, e
repassa para todos os
clients conectados
JS no post conecta
no servidor Ratchet

21. Cliente final (Browser)
Aplicação
Back-end
(HTTP)
Aplicação
Ratchet
(WebSockets + WAMP)

22. Cliente final (Browser)
Aplicação
Back-end
(HTTP)
Aplicação
Ratchet
(WebSockets + WAMP)

23. Aplicação
Back-end
(HTTP)
Aplicação
Ratchet
(WebSockets + WAMP)
Cliente final (Browser)

24. Aplicação
Back-end
(HTTP)
Aplicação
Ratchet
(WebSockets + WAMP)
Cliente final (Browser)

25. Aplicação
Back-end
(HTTP)
Aplicação
Ratchet
(WebSockets + WAMP)
Cliente final (Browser)

26. Aplicação
Back-end
(HTTP)
Aplicação
Ratchet
(WebSockets + WAMP)
Cliente final (Browser)

27. Aplicação
Back-end
(HTTP)
Aplicação
Ratchet
(WebSockets + WAMP)
Cliente final (Browser)

28. Demo - Real-time posts
Código disponível em: http://github.com/DfKimera/phpconf16-ratchet/

29. Aplicações mais complexas
The Web Application
Messaging Protocol
- Suporte a múltiplas aplicações em um mesmo endpoint
- Suporte a múltiplos canais
- Implementa os patterns Publisher/Subscriber e Remote Procedure Call

30. Aplicações mais complexas
Autobahn|JS
- Implementa o protocolo WAMP no JavaScript
- Oferece uma interface fluída para o pattern Publisher/Subscriber

31. O que mais dá pra fazer?
- Atualizações em tempo real
(posts, comentários, feed, cotações, preços, destaques…)
- Games multiplayer em tempo real
- Chats em grupo
- Transferência de arquivos
- Streaming de texto, voz e vídeo
(com WebSockets + WebRTC)

32. Gostei, quero ver mais!
Ratchet - WebSockets for PHP
Usando Laravel?

33. Obrigado!
Dúvidas?
Telegram: @DfKimera
E-mail / Hangouts: aryel.tupinamba@lqdi.net
Facebook: http://facebook.com/aryel.tupinamba
Twitter: http://twitter.com/DfKimera
LinkedIn: http://linkedin.com/in/aryeltupinamba
Slides da palestra: http://slideshare.net/aryeltupinamba
http://lqdi.net