20
CONSTRUINDO UM CLONE DO TWITTER COM PHOENIX E VUE.JS RAILS 5 E SUAS NOVIDADES COM EXEMPLOS CONSTRUINDO APLICAÇÕES WEB REALTIME - (SEM NODEJS)

Living lab Actioncable

Embed Size (px)

Citation preview

Page 1: Living lab Actioncable

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

Simulando Tweets

com ActionCable no Rails 5

Page 3: Living lab Actioncable

Pedro HenriqueDesenvolvedor Web na Jera Software

Page 4: Living lab Actioncable

Ruby on Rails

● Abstração● Comunidade● Foco no negócio● Grandes problemas, pequenas soluções

Page 5: Living lab Actioncable

Rails 5 e ActionCable

Page 6: Living lab Actioncable

AppJavascript

Server Redis

ConnectionMessages Pub/Sub

Flow

Page 7: Living lab Actioncable

ActionCable

Server Side● Connections● Channels

Client Side● Consumers● Subscribers

Page 8: Living lab Actioncable

$> rails new living_twitter

Page 9: Living lab Actioncable

Acabamento

$> rails g devise:install$> rails g devise:views$> rails g devise User name

Page 10: Living lab Actioncable

Acabamento

$> rails g devise:install$> rails g devise:views

Page 11: Living lab Actioncable

Diretórios

Page 12: Living lab Actioncable

WebSocket

Page 13: Living lab Actioncable

Consumer

Page 14: Living lab Actioncable

Channel

Client Side

Page 15: Living lab Actioncable

Connection

Page 16: Living lab Actioncable

Channel

Server Side

Page 17: Living lab Actioncable

Broadcasting

Page 18: Living lab Actioncable

Summary

BroadcastTweetsChannel

Client/Server SideReceived

Page 19: Living lab Actioncable

Client Side

Example Result

Page 20: Living lab Actioncable

Obrigado!