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

Living lab Actioncable

Apr 13, 2017

Download

Technology

Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
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!