APPLICAZIONI IN REAL TIME CON LARAVEL

EVENTO LARAVEL PUGLIA MEET-UP - 11 FEBBRAIO 2020
https://www.facebook.com/events/849198835526514/

ABSTRACT
Il talk ha l'obiettivo di raccontarvi la mia esperienza nell'utilizzo sperimentale del servizio di broadcasting di Laravel per sviluppare applicazioni in real-time.

Il talk si costruirà a partire dalla dimostrazione pratica di un gioco sviluppato con Unity dove i partecipanti presenti potranno interagire in tempo reale con i propri smartphone.

L'obiettivo è introdurre l'architettura e i concetti alla base del servizio di broadcasting offerto da Laravel per lo scambio di messaggi in tempo reale.

Saranno ben accetti i vostri interventi, riflessioni, dubbi e curiosità durante lo svolgimento del talk.

BIOGRAFIA SPEAKER
- Giuseppe Toto -
Negli ultimi dieci anni ho maturato esperienze nel coordinamento e sviluppo di applicazioni web, mobile e gaming.

Metto a disposizione le mie competenze rivolte ad aziende e startup con forte picco di innovazione, aiutandole a crescere e a fare la differenza in un mercato in continua evoluzione.

Da grande appassionato di tecnologia, amo trasmettere la mia conoscenza, confrontarmi e imparare costantemente.

Supporto attualmente l'azienda Ai² (https://www.ai2.it) nello sviluppo tecnologico dei prodotti Swipe Story (https://www.swipe-story.com) nel settore dello storytelling games.

blog: https://giuseppetoto.it
linkedin: https://www.linkedin.com/in/giuseppe-toto-83888b33/

Transcript

1. PRESENTA «Applicazioni in Real time» Giuseppe Toto SPEAKER Puglia Meet-Up
2. OBIETTIVO DI QUESTO TALK la mia «esperienza» BROADCASTING* * https://laravel.com/docs/6.x/broadcasting Scambio di messaggi in tempo reale
3. OBIETTIVO DI QUESTO TALK COME ?
4. GIOCHIAMO J
5. CLIENT – SERVER MANTENERE LA CONNESSIONE PERSISTENTE - POOLING - LONG POOLING - WEBSOCKETS
6. POOLING connessione aperta (request) TEMPO SERVER CLIENT dati (response) connessione chiusa dati (response) connessione chiusa connessione aperta (request) Protocollo http LEGENDA poll poll
7. LONG POOLING connessione aperta (request) TEMPO SERVER CLIENT dati (response) Protocollo http LEGENDA waiting… Long poll Long poll connessione aperta (request) dati (response) connessione chiusa
8. WEBSOCKET connessione creata TEMPO SERVER CLIENT dati (response) Protocollo http LEGENDA Protocollo ws dati (response) dati (response)
9. BROADCASTING: overview
10. BROADCASTING : OVERVIEW + CANALI INFINITI Public/subscribe pattern messaggio server publisher {CHANNEL NAME} pattern publish/subscribe subscribed subscriber Client 1 subscribed subscriber Client 2 subscribed subscriber Client N {CHANNEL NAME}
11. CANALE PUBBLICO server subscribed subscribed subscribed Public/subscribe pattern publisher subscriber subscriber Subscriber GAME Client 1 Client 2 Client N publish/subscribe pattern messaggio
12. CANALE PRIVATO server subscribed Public/subscribe pattern publisher subscriber subscriber Subscriber PRIVATE-ORDER-{ID} Client 1 Client 2 Client N publish/subscribe pattern messaggio
13. CANALE PRESENCE server subscribed subscribed subscribed Public/subscribe pattern publisher subscriber subscriber Subscriber PRESENCE-{CITY}-ROOM Client 1 Client 2 Client N publish/subscribe pattern messaggio
14. Come si incastra il Broadcasting nel nostro eco sistema?
15. ARCHITETTURA GAME (public channel) API REST - LARAVEL PUSHER publisher UNITY CLIENT Subscriber websocket Subscribe(«game») Subscriber WEB CLIENT (laravel-echo) Giocatore 1 websocket Subscribe(«game») Giocatore 1 Giocatore n-simo WEB CLIENT (laravel-echo) Subscriber Invia un evento (DRIVER PUSHER)
16. Game Started - Event
17. ARCHITETTURA UNITY CLIENT WEB CLIENT (laravel-echo) game (public channel) Giocatore 1 API REST - LARAVEL Giocatore n-simo WEB CLIENT (laravel-echo) Websocket PUSHER Subscriber Subscriber Subscriber publisher Websocket HTTP POST api/events/game-started
18. ARCHITETTURA UNITY CLIENT WEB CLIENT (laravel-echo) game (public channel) Giocatore 1 API REST - LARAVEL Giocatore n-simo WEB CLIENT (laravel-echo) Websocket PUSHER Subscriber Subscriber Subscriber publisher Websocket App\Events\GameStarted broadcast HTTP POST api/events/game-started
19. ARCHITETTURA UNITY CLIENT WEB CLIENT (laravel-echo) game (public channel) Giocatore 1 API REST - LARAVEL Giocatore n-simo WEB CLIENT (laravel-echo) Websocket PUSHER Subscriber Subscriber Subscriber publisher Websocket ricezione App\Events\GameStarted App\Events\GameStarted broadcast HTTP POST api/events/game-started
20. User Joined - Event
21. ARCHITETTURA UNITY CLIENT WEB CLIENT (laravel-echo) game (public channel) Giocatore 1 API REST - LARAVEL Giocatore n-simo WEB CLIENT (laravel-echo) Websocket PUSHER Subscriber Subscriber Subscriber publisher Websocket HTTP POST api/events/user-joined
22. ARCHITETTURA UNITY CLIENT WEB CLIENT (laravel-echo) game (public channel) Giocatore 1 API REST - LARAVEL Giocatore n-simo WEB CLIENT (laravel-echo) Websocket PUSHER Subscriber Subscriber Subscriber publisher Websocket App\Events\UserJoined broadcast HTTP POST api/events/user-joined
23. ARCHITETTURA UNITY CLIENT WEB CLIENT (laravel-echo) game (public channel) Giocatore 1 API REST - LARAVEL Giocatore n-simo WEB CLIENT (laravel-echo) Websocket PUSHER Subscriber Subscriber Subscriber publisher Websocket App\Events\UserJoined ricezione warning App\Events\UserJoined broadcast HTTP POST api/events/user-joined
24. Question Displayed - Event
25. ARCHITETTURA UNITY CLIENT WEB CLIENT (laravel-echo) game (public channel) Giocatore 1 API REST - LARAVEL Giocatore n-simo WEB CLIENT (laravel-echo) Websocket PUSHER Subscriber Subscriber Subscriber publisher Websocket HTTP POST api/events/question-displayed
26. ARCHITETTURA UNITY CLIENT WEB CLIENT (laravel-echo) game (public channel) Giocatore 1 API REST - LARAVEL Giocatore n-simo WEB CLIENT (laravel-echo) Websocket PUSHER Subscriber Subscriber Subscriber publisher Websocket app/event/question-diplayed broadcast HTTP POST api/events/question-displayed
27. ARCHITETTURA UNITY CLIENT WEB CLIENT (laravel-echo) game (public channel) Giocatore 1 API REST - LARAVEL Giocatore n-simo WEB CLIENT (laravel-echo) Websocket PUSHER Subscriber Subscriber Subscriber publisher Websocket app/event/question-displayed ricevono HTTP POST api/events/question-displayed app/event/question-diplayed broadcast
28. User Chosen Answer - Event
29. ARCHITETTURA UNITY CLIENT WEB CLIENT (laravel-echo) game (public channel) Giocatore 1 API REST - LARAVEL Giocatore n-simo WEB CLIENT (laravel-echo) Websocket PUSHER Subscriber Subscriber Subscriber publisher Websocket HTTP POST api/events/user-chose-answer
30. ARCHITETTURA UNITY CLIENT WEB CLIENT (laravel-echo) game (public channel) Giocatore 1 API REST - LARAVEL Giocatore n-simo WEB CLIENT (laravel-echo) Websocket PUSHER Subscriber Subscriber Subscriber publisher Websocket App\Events\UserChoseAnswer broadcast HTTP POST api/events/user-chose-answer
31. ARCHITETTURA UNITY CLIENT WEB CLIENT (laravel-echo) game (public channel) Giocatore 1 API REST - LARAVEL Giocatore n-simo WEB CLIENT (laravel-echo) Websocket PUSHER Subscriber Subscriber Subscriber publisher Websocket App\Events\UserChoseAnswer riceve App\Events\UserChoseAnswer broadcast HTTP POST api/events/user-chose-answer
32. ARCHITETTURA CLIENT {channel} API REST - LARAVEL DB Request/Response HTTP evento Request/Response HTTP Websocket subscribe publisher Websocket CLIENT {channel} evento subscribe Websocket subscribe subscriber subscriber
33. ESPLORIAMO IL CODICE Curiosità?
34. AUTORIZZARE L’ACCESSO AI CANALI PRIVATI - https://pusher.com/docs/channels/using_channels/authorized-connections - https://pusher.com/docs/channels/server_api/authenticating-users
35. ALTERNATIVE A PUSHER Un servizio fatto in casa con: - REDIS (broker message) - NODE JS + SOCKET IO SERVER (websocket) - https://github.com/tlaverdure/laravel-echo-server
36. RIFERIMENTI UTILI
37. RIFERIMENTI UTILI - BROADCASTING LARAVEL https://laravel.com/docs/6.x/broadcasting - COME IMPLEMENTARE UNA CHAT CON LARAVEL E PUSHER: https://pusher.com/tutorials/chat-laravel - LARAVEL ECHO SERVER (ALTERNATIVA A PUSHER): https://github.com/tlaverdure/laravel-echo-server - PUBLISH-SUBSCRIBE PATTERN https://en.wikipedia.org/wiki/Publish%E2%80%93subscribe_pattern - OBSERVER VS PUB SUB PATTERN https://hackernoon.com/observer-vs-pub-sub-pattern-50d3b27f838c
38. GRAZIE J Lasciami un Feedback https://bit.ly/2OD0v3m TROVI ANCHE QUESTA PRESENTAZIONE