Living lab Actioncable
-
Upload
pedro-henrique-da-silva-souza -
Category
Technology
-
view
40 -
download
0
Transcript of Living lab Actioncable
![Page 1: Living lab Actioncable](https://reader034.fdocument.pub/reader034/viewer/2022051520/58eee6fe1a28abb9118b45e5/html5/thumbnails/1.jpg)
CONSTRUINDO UM CLONE DO TWITTER
COM PHOENIX E VUE.JS
RAILS 5 E SUAS NOVIDADES COM
EXEMPLOS
CONSTRUINDO APLICAÇÕES WEB REALTIME - (SEM
NODEJS)
![Page 2: Living lab Actioncable](https://reader034.fdocument.pub/reader034/viewer/2022051520/58eee6fe1a28abb9118b45e5/html5/thumbnails/2.jpg)
Simulando Tweets
com ActionCable no Rails 5
![Page 3: Living lab Actioncable](https://reader034.fdocument.pub/reader034/viewer/2022051520/58eee6fe1a28abb9118b45e5/html5/thumbnails/3.jpg)
Pedro HenriqueDesenvolvedor Web na Jera Software
![Page 4: Living lab Actioncable](https://reader034.fdocument.pub/reader034/viewer/2022051520/58eee6fe1a28abb9118b45e5/html5/thumbnails/4.jpg)
Ruby on Rails
● Abstração● Comunidade● Foco no negócio● Grandes problemas, pequenas soluções
![Page 5: Living lab Actioncable](https://reader034.fdocument.pub/reader034/viewer/2022051520/58eee6fe1a28abb9118b45e5/html5/thumbnails/5.jpg)
Rails 5 e ActionCable
![Page 6: Living lab Actioncable](https://reader034.fdocument.pub/reader034/viewer/2022051520/58eee6fe1a28abb9118b45e5/html5/thumbnails/6.jpg)
AppJavascript
Server Redis
ConnectionMessages Pub/Sub
Flow
![Page 7: Living lab Actioncable](https://reader034.fdocument.pub/reader034/viewer/2022051520/58eee6fe1a28abb9118b45e5/html5/thumbnails/7.jpg)
ActionCable
Server Side● Connections● Channels
Client Side● Consumers● Subscribers
![Page 8: Living lab Actioncable](https://reader034.fdocument.pub/reader034/viewer/2022051520/58eee6fe1a28abb9118b45e5/html5/thumbnails/8.jpg)
$> rails new living_twitter
![Page 9: Living lab Actioncable](https://reader034.fdocument.pub/reader034/viewer/2022051520/58eee6fe1a28abb9118b45e5/html5/thumbnails/9.jpg)
Acabamento
$> rails g devise:install$> rails g devise:views$> rails g devise User name
![Page 10: Living lab Actioncable](https://reader034.fdocument.pub/reader034/viewer/2022051520/58eee6fe1a28abb9118b45e5/html5/thumbnails/10.jpg)
Acabamento
$> rails g devise:install$> rails g devise:views
![Page 11: Living lab Actioncable](https://reader034.fdocument.pub/reader034/viewer/2022051520/58eee6fe1a28abb9118b45e5/html5/thumbnails/11.jpg)
Diretórios
![Page 12: Living lab Actioncable](https://reader034.fdocument.pub/reader034/viewer/2022051520/58eee6fe1a28abb9118b45e5/html5/thumbnails/12.jpg)
WebSocket
![Page 13: Living lab Actioncable](https://reader034.fdocument.pub/reader034/viewer/2022051520/58eee6fe1a28abb9118b45e5/html5/thumbnails/13.jpg)
Consumer
![Page 14: Living lab Actioncable](https://reader034.fdocument.pub/reader034/viewer/2022051520/58eee6fe1a28abb9118b45e5/html5/thumbnails/14.jpg)
Channel
Client Side
![Page 15: Living lab Actioncable](https://reader034.fdocument.pub/reader034/viewer/2022051520/58eee6fe1a28abb9118b45e5/html5/thumbnails/15.jpg)
Connection
![Page 16: Living lab Actioncable](https://reader034.fdocument.pub/reader034/viewer/2022051520/58eee6fe1a28abb9118b45e5/html5/thumbnails/16.jpg)
Channel
Server Side
![Page 17: Living lab Actioncable](https://reader034.fdocument.pub/reader034/viewer/2022051520/58eee6fe1a28abb9118b45e5/html5/thumbnails/17.jpg)
Broadcasting
![Page 18: Living lab Actioncable](https://reader034.fdocument.pub/reader034/viewer/2022051520/58eee6fe1a28abb9118b45e5/html5/thumbnails/18.jpg)
Summary
BroadcastTweetsChannel
Client/Server SideReceived
![Page 19: Living lab Actioncable](https://reader034.fdocument.pub/reader034/viewer/2022051520/58eee6fe1a28abb9118b45e5/html5/thumbnails/19.jpg)
Client Side
Example Result
![Page 20: Living lab Actioncable](https://reader034.fdocument.pub/reader034/viewer/2022051520/58eee6fe1a28abb9118b45e5/html5/thumbnails/20.jpg)
Obrigado!