Tweet
Tweet

Slide 1

Slide 1 text

Effortless real time apps in Django @aaronbassett – rawtech.io

Slide 2

Slide 2 text

1.0

Slide 3

Slide 3 text

rawtech.io

Slide 4

Slide 4 text

I talk weird.

Slide 5

Slide 5 text

@aaronbassett

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

1 (function poll() { 2 new Ajax.Request('/api/', { 3 method:'get', 4 onSuccess: function() { ... }, 5 onFailure: function() { ... } 6 }); 7 8 setTimeout(poll, 1000); 9 }());

Slide 8

Slide 8 text

1 (function poll() { 2 new Ajax.Request('/api/', { 3 method: 'get', 4 timeout: 60000, 5 onSuccess: function() { 6 // Do something 7 poll(); 8 }, 9 onFailure: function() { 10 // Do something else 11 poll(); 12 } 13 }); 14 }());

Slide 9

Slide 9 text

HACKS UPON HACKS UPON HACKS, UPON HACKS UPON HACKS, UPON HACKS, UPON HACKS UPON HACKS, UPON HACKS, UPON HACKS, UPON HACKS UPON HACKS, UPON HACKS, UPON HACKS, UPON HACKS, UPON HACKS, UPON HACKS UPON HACKS, UPON HACKS, UPON HACKS, UPON HACKS, UPON HACKS, UPON HACKS, UPON HACKS

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

–Google “SPDY: An experimental protocol for a faster web" “typical header sizes of 700-800 bytes is common”

Slide 12

Slide 12 text

2 bytes.

Slide 13

Slide 13 text

0x00 UTF8 DATA 0xFF

Slide 14

Slide 14 text

100,000

Slide 15

Slide 15 text

871 bytes

Slide 16

Slide 16 text

696,800,000

Slide 17

Slide 17 text

665 Mbps

Slide 18

Slide 18 text

83 MB

Slide 19

Slide 19 text

100,000

Slide 20

Slide 20 text

2 bytes

Slide 21

Slide 21 text

1,600,000

Slide 22

Slide 22 text

1.526 Mbps

Slide 23

Slide 23 text

0.2 MB

Slide 24

Slide 24 text

POLLING

Slide 25

Slide 25 text

SOCKETS WEB

Slide 26

Slide 26 text

SWAMP DRAGON swampdragon.net

Slide 27

Slide 27 text

=

Slide 28

Slide 28 text

No content

Slide 29

Slide 29 text

No content

Slide 30

Slide 30 text

No content

Slide 31

Slide 31 text

No content

Slide 32

Slide 32 text

✓ create YET another todo app

Slide 33

Slide 33 text

pip install swampdragon ✓ create YET another todo app ✓

Slide 34

Slide 34 text

pip install swampdragon ✓ create YET another todo app ✓ (apt-get | brew) install redis ✓

Slide 35

Slide 35 text

dragon admin

Slide 36

Slide 36 text

1 #!/usr/bin/env python 2 import os 3 import sys 4 5 6 from swampdragon.swampdragon_server import run_server 7 8 os.environ.setdefault("DJANGO_SETTINGS_MODULE", ".settings") 9 10 host_port = sys.argv[1] if len(sys.argv) > 1 else None 11 12 run_server(host_port=host_port)

Slide 37

Slide 37 text

1 #!/usr/bin/env python 2 import os 3 import sys 4 5 6 from swampdragon.swampdragon_server import run_server 7 8 os.environ.setdefault("DJANGO_SETTINGS_MODULE", ".settings") 9 10 host_port = sys.argv[1] if len(sys.argv) > 1 else None 11 12 run_server(host_port=host_port)

Slide 38

Slide 38 text

1 # -*- coding: utf-8 -*- 2 3 # Django 4 from django.db import models 5 # Swamp Dragon 6 from swampdragon.models import SelfPublishModel 7 from .serializers import TodoListSerializer, TodoItemSerializer 8 9 10 class TodoItem(SelfPublishModel, models.Model): 11 serializer_class = TodoItemSerializer 12 13 todo_list = models.ForeignKey(TodoList) 14 done = models.BooleanField(default=False) 15 text = models.CharField(max_length=100) 16 17 def __unicode__(self): 18 return u"{text} ({status})".format( 19 text=self.text, 20 status=(u"✓" if self.done else u"×") 21 )

Slide 39

Slide 39 text

1 # -*- coding: utf-8 -*- 2 3 # Django 4 from django.db import models 5 # Swamp Dragon 6 from swampdragon.models import SelfPublishModel 7 from .serializers import TodoListSerializer, TodoItemSerializer 8 9 10 class TodoItem(SelfPublishModel, models.Model): 11 serializer_class = TodoItemSerializer 12 13 todo_list = models.ForeignKey(TodoList) 14 done = models.BooleanField(default=False) 15 text = models.CharField(max_length=100) 16 17 def __unicode__(self): 18 return u"{text} ({status})".format( 19 text=self.text, 20 status=(u"✓" if self.done else u"×") 21 )

Slide 40

Slide 40 text

1 # -*- coding: utf-8 -*- 2 3 # Django 4 from django.db import models 5 # Swamp Dragon 6 from swampdragon.models import SelfPublishModel 7 from .serializers import TodoListSerializer, TodoItemSerializer 8 9 10 class TodoItem(SelfPublishModel, models.Model): 11 serializer_class = TodoItemSerializer 12 13 todo_list = models.ForeignKey(TodoList) 14 done = models.BooleanField(default=False) 15 text = models.CharField(max_length=100) 16 17 def __unicode__(self): 18 return u"{text} ({status})".format( 19 text=self.text, 20 status=(u"✓" if self.done else u"×") 21 )

Slide 41

Slide 41 text

No content

Slide 42

Slide 42 text

1 # -*- coding: utf-8 -*- 2 3 # Swamp Dragon 4 from swampdragon.serializers.model_serializer import ModelSerializer 5 6 7 class TodoItemSerializer(ModelSerializer): 8 class Meta: 9 model = 'todo.TodoItem' 10 publish_fields = ('done', 'text') 11 update_fields = ('done', )

Slide 43

Slide 43 text

1 # -*- coding: utf-8 -*- 2 3 # Swamp Dragon 4 from swampdragon.serializers.model_serializer import ModelSerializer 5 6 7 class TodoItemSerializer(ModelSerializer): 8 class Meta: 9 model = 'todo.TodoItem' 10 publish_fields = ('done', 'text') 11 update_fields = ('done', )

Slide 44

Slide 44 text

1 # -*- coding: utf-8 -*- 2 3 # Swamp Dragon 4 from swampdragon.serializers.model_serializer import ModelSerializer 5 6 7 class TodoItemSerializer(ModelSerializer): 8 class Meta: 9 model = 'todo.TodoItem' 10 publish_fields = ('done', 'text') 11 update_fields = ('done', )

Slide 45

Slide 45 text

1 # -*- coding: utf-8 -*- 2 3 # Swamp Dragon 4 from swampdragon.serializers.model_serializer import ModelSerializer 5 6 7 class TodoItemSerializer(ModelSerializer): 8 class Meta: 9 model = 'todo.TodoItem' 10 publish_fields = ('done', 'text') 11 update_fields = ('done', )

Slide 46

Slide 46 text

1 # -*- coding: utf-8 -*- 2 3 # Swamp Dragon 4 from swampdragon.serializers.model_serializer import ModelSerializer 5 6 7 class TodoItemSerializer(ModelSerializer): 8 class Meta: 9 model = 'todo.TodoItem' 10 publish_fields = ('done', 'text') 11 update_fields = ('done', )

Slide 47

Slide 47 text

1 # -*- coding: utf-8 -*- 2 3 # Swamp Dragon 4 from swampdragon.serializers.model_serializer import ModelSerializer 5 6 7 class TodoItemSerializer(ModelSerializer): 8 class Meta: 9 model = 'todo.TodoItem' 10 publish_fields = ('done', 'text') 11 update_fields = ('done', )

Slide 48

Slide 48 text

1 # -*- coding: utf-8 -*- 2 3 # Swamp Dragon 4 from swampdragon import route_handler 5 from swampdragon.route_handler import ModelRouter 6 7 from .models import TodoList, TodoItem 8 from .serializers import TodoListSerializer, TodoItemSerializer 9 10 11 class TodoItemRouter(ModelRouter): 12 route_name = 'todo-item' 13 serializer_class = TodoItemSerializer 14 model = TodoItem 15 16 def get_object(self, **kwargs): 17 return self.model.objects.get(pk=kwargs['id']) 18 19 def get_query_set(self, **kwargs): 20 return self.model.objects.filter(todo_list__id=kwargs['list_id']) 21 22 23 route_handler.register(TodoItemRouter)

Slide 49

Slide 49 text

1 # -*- coding: utf-8 -*- 2 3 # Swamp Dragon 4 from swampdragon import route_handler 5 from swampdragon.route_handler import ModelRouter 6 7 from .models import TodoList, TodoItem 8 from .serializers import TodoListSerializer, TodoItemSerializer 9 10 11 class TodoItemRouter(ModelRouter): 12 route_name = 'todo-item' 13 serializer_class = TodoItemSerializer 14 model = TodoItem 15 16 def get_object(self, **kwargs): 17 return self.model.objects.get(pk=kwargs['id']) 18 19 def get_query_set(self, **kwargs): 20 return self.model.objects.filter(todo_list__id=kwargs['list_id']) 21 22 23 route_handler.register(TodoItemRouter)

Slide 50

Slide 50 text

1 # -*- coding: utf-8 -*- 2 3 # Swamp Dragon 4 from swampdragon import route_handler 5 from swampdragon.route_handler import ModelRouter 6 7 from .models import TodoList, TodoItem 8 from .serializers import TodoListSerializer, TodoItemSerializer 9 10 11 class TodoItemRouter(ModelRouter): 12 route_name = 'todo-item' 13 serializer_class = TodoItemSerializer 14 model = TodoItem 15 16 def get_object(self, **kwargs): 17 return self.model.objects.get(pk=kwargs['id']) 18 19 def get_query_set(self, **kwargs): 20 return self.model.objects.filter(todo_list__id=kwargs['list_id']) 21 22 23 route_handler.register(TodoItemRouter)

Slide 51

Slide 51 text

get_list get_single create update delete subscribe unsubscribe

Slide 52

Slide 52 text

1 # -*- coding: utf-8 -*- 2 3 # Swamp Dragon 4 from swampdragon import route_handler 5 from swampdragon.route_handler import ModelRouter 6 7 from .models import TodoList, TodoItem 8 from .serializers import TodoListSerializer, TodoItemSerializer 9 10 11 class TodoItemRouter(ModelRouter): 12 route_name = 'todo-item' 13 serializer_class = TodoItemSerializer 14 model = TodoItem 15 16 def get_object(self, **kwargs): 17 return self.model.objects.get(pk=kwargs['id']) 18 19 def get_query_set(self, **kwargs): 20 return self.model.objects.filter(todo_list__id=kwargs['list_id']) 21 22 23 route_handler.register(TodoItemRouter)

Slide 53

Slide 53 text

No content

Slide 54

Slide 54 text

No content

Slide 55

Slide 55 text

1
2 {% verbatim %} 3

{{ todoList.name }}

4

{{ todoList.description }}

5 6
7 . . . 8
9 {% endverbatim %} 10

Slide 56

Slide 56 text

1
2 {% verbatim %} 3

{{ todoList.name }}

4

{{ todoList.description }}

5 6
7 . . . 8
9 {% endverbatim %} 10

Slide 57

Slide 57 text

1
2 {% verbatim %} 3

{{ todoList.name }}

4

{{ todoList.description }}

5 6
7 . . . 8
9 {% endverbatim %} 10

Slide 58

Slide 58 text

1 $dragon.onReady(function() { 2 $dragon.subscribe('todo-item', $scope.channel, {todo_list__id: 1}).then(function(response) { 3 $scope.dataMapper = new DataMapper(response.data); 4 }); 5 6 $dragon.getSingle('todo-list', {id:1}).then(function(response) { 7 $scope.todoList = response.data; 8 }); 9 10 $dragon.getList('todo-item', {list_id:1}).then(function(response) { 11 $scope.todoItems = response.data; 12 }); 13 });

Slide 59

Slide 59 text

$dragon.subscribe('todo-item', $scope.channel, {todo_list__id: 1})

Slide 60

Slide 60 text

$dragon.subscribe('todo-item', $scope.channel, {todo_list__id: 1})

Slide 61

Slide 61 text

6 $dragon.getSingle('todo-list', {id:1}).then(function(response) { 7 $scope.todoList = response.data; 8 });

Slide 62

Slide 62 text

10 $dragon.getList('todo-item', {list_id:1}).then(function(response) { 11 $scope.todoItems = response.data; 12 });

Slide 63

Slide 63 text

1 $dragon.onReady(function() { 2 $dragon.subscribe('todo-item', ...); 3 $dragon.getSingle('todo-list', ...); 4 $dragon.getList('todo-item', ...); 5 });

Slide 64

Slide 64 text

1 $dragon.onReady(function() { 2 $dragon.subscribe('todo-item', ...); 3 $dragon.getSingle('todo-list', ...); 4 $dragon.getList('todo-item', ...); 5 });

Slide 65

Slide 65 text

1 $dragon.onReady(function() { 2 $dragon.subscribe('todo-item', ...); 3 $dragon.getSingle('todo-list', ...); 4 $dragon.getList('todo-item', ...); 5 });

Slide 66

Slide 66 text

1 $dragon.onReady(function() { 2 $dragon.subscribe('todo-item', ...); 3 $dragon.getSingle('todo-list', ...); 4 $dragon.getList('todo-item', ...); 5 });

Slide 67

Slide 67 text

1 $dragon.onChannelMessage(function(channels, message) { 2 if (indexOf.call(channels, $scope.channel) > -1) { 3 $scope.$apply(function() { 4 $scope.dataMapper.mapData($scope.todoItems, message); 5 }); 6 } 7 });

Slide 68

Slide 68 text

1 $dragon.onChannelMessage(function(channels, message) { 2 if (indexOf.call(channels, $scope.channel) > -1) { 3 $scope.$apply(function() { 4 $scope.dataMapper.mapData($scope.todoItems, message); 5 }); 6 } 7 });

Slide 69

Slide 69 text

1 $dragon.onChannelMessage(function(channels, message) { 2 if (indexOf.call(channels, $scope.channel) > -1) { 3 $scope.$apply(function() { 4 $scope.dataMapper.mapData($scope.todoItems, message); 5 }); 6 } 7 });

Slide 70

Slide 70 text

1 $dragon.onChannelMessage(function(channels, message) { 2 if (indexOf.call(channels, $scope.channel) > -1) { 3 $scope.$apply(function() { 4 $scope.dataMapper.mapData($scope.todoItems, message); 5 }); 6 } 7 });

Slide 71

Slide 71 text

DEMO TIME!

Slide 72

Slide 72 text

No content

Slide 73

Slide 73 text

git.io/vUWyn

Slide 74

Slide 74 text

PaaS Platform as a Service

Slide 75

Slide 75 text

No content

Slide 76

Slide 76 text

No content

Slide 77

Slide 77 text

No content

Slide 78

Slide 78 text

DaaS Database as a Service

Slide 79

Slide 79 text

www.leggetter.co.uk/2013/12/09/choosing- realtime-web-app-tech-stack.html @leggetter

Slide 80

Slide 80 text

No content

Slide 81

Slide 81 text

No content

Slide 82

Slide 82 text

No content

Slide 83

Slide 83 text

No content

Slide 84

Slide 84 text

No content

Slide 85

Slide 85 text

1 from pusher import Pusher 2 3 pusher = Pusher( 4 app_id=u'111545', 5 key=u'895dec4d68d4e286a48d', 6 secret=u'3cd18f6810c758057767' 7 ) 8 9 pusher.trigger(u'channel_name', u'event_name', {u'message': u'hello world'})

Slide 86

Slide 86 text

1 from pusher import Pusher 2 3 pusher = Pusher( 4 app_id=u'111545', 5 key=u'895dec4d68d4e286a48d', 6 secret=u'3cd18f6810c758057767' 7 ) 8 9 pusher.trigger(u'channel_name', u'event_name', {u'message': u'hello world'})

Slide 87

Slide 87 text

1 from pusher import Pusher 2 3 pusher = Pusher( 4 app_id=u'111545', 5 key=u'895dec4d68d4e286a48d', 6 secret=u'3cd18f6810c758057767' 7 ) 8 9 pusher.trigger(u'channel_name', u'event_name', {u'message': u'hello world'})

Slide 88

Slide 88 text

1 from pusher import Pusher 2 3 pusher = Pusher( 4 app_id=u'111545', 5 key=u'895dec4d68d4e286a48d', 6 secret=u'3cd18f6810c758057767' 7 ) 8 9 pusher.trigger(u'channel_name', u'event_name', {u'message': u'hello world'})

Slide 89

Slide 89 text

1 from pusher import Pusher 2 3 pusher = Pusher( 4 app_id=u'111545', 5 key=u'895dec4d68d4e286a48d', 6 secret=u'3cd18f6810c758057767' 7 ) 8 9 pusher.trigger(u'channel_name', u'event_name', {u'message': u'hello world'})

Slide 90

Slide 90 text

1 from pusher import Pusher 2 3 pusher = Pusher( 4 app_id=u'111545', 5 key=u'895dec4d68d4e286a48d', 6 secret=u'3cd18f6810c758057767' 7 ) 8 9 pusher.trigger(u'channel_name', u'event_name', {u'message': u'hello world'})

Slide 91

Slide 91 text

1 from pusher import Pusher 2 3 pusher = Pusher( 4 app_id=u'111545', 5 key=u'895dec4d68d4e286a48d', 6 secret=u'3cd18f6810c758057767' 7 ) 8 9 pusher.trigger(u'channel_name', u'event_name', {u'message': u'hello world'})

Slide 92

Slide 92 text

No content

Slide 93

Slide 93 text

1 class SelfPublishModel(object): 2 3 def _publish(self, action): 4 serializer = self.serializer_class(instance=self) 5 data = serializer.serialize() 6 7 pusher = Pusher( 8 app_id=settings.PUSHER_APP_ID, 9 key=settings.PUSHER_KEY, 10 secret=settings.PUSHER_SECRET 11 ) 12 13 pusher.trigger(self.channel_name, action, data)

Slide 94

Slide 94 text

1 class SelfPublishModel(object): 2 3 def _publish(self, action): 4 serializer = self.serializer_class(instance=self) 5 data = serializer.serialize() 6 7 pusher = Pusher( 8 app_id=settings.PUSHER_APP_ID, 9 key=settings.PUSHER_KEY, 10 secret=settings.PUSHER_SECRET 11 ) 12 13 pusher.trigger(self.channel_name, action, data)

Slide 95

Slide 95 text

1 class SelfPublishModel(object): 2 3 def _publish(self, action): 4 serializer = self.serializer_class(instance=self) 5 data = serializer.serialize() 6 7 pusher = Pusher( 8 app_id=settings.PUSHER_APP_ID, 9 key=settings.PUSHER_KEY, 10 secret=settings.PUSHER_SECRET 11 ) 12 13 pusher.trigger(self.channel_name, action, data)

Slide 96

Slide 96 text

No content

Slide 97

Slide 97 text

No content

Slide 98

Slide 98 text

1 var TodoControllers = angular.module('TodoControllers', []); 2 3 TodoControllers.controller('TodoListCtrl', ['$scope', '$pusher', function ($scope, $pusher) { 4 $scope.todoItems = []; 5 6 var client = new Pusher("895dec4d68d4e286a48d"); 7 var pusher = $pusher(client); 8 var todo_items_channel = pusher.subscribe('todo-item'); 9 todo_items_channel.bind('updated', 10 function(data) { 11 for(var i=0; i < $scope.todoItems.length; i++) { 12 if($scope.todoItems[i].id == data.id) { 13 $scope.todoItems[i] = data; 14 return; 15 } 16 } 17 } 18 ); 19 }]);

Slide 99

Slide 99 text

1 var TodoControllers = angular.module('TodoControllers', []); 2 3 TodoControllers.controller('TodoListCtrl', ['$scope', '$pusher', function ($scope, $pusher) { 4 $scope.todoItems = []; 5 6 var client = new Pusher("895dec4d68d4e286a48d"); 7 var pusher = $pusher(client); 8 var todo_items_channel = pusher.subscribe('todo-item'); 9 todo_items_channel.bind('updated', 10 function(data) { 11 for(var i=0; i < $scope.todoItems.length; i++) { 12 if($scope.todoItems[i].id == data.id) { 13 $scope.todoItems[i] = data; 14 return; 15 } 16 } 17 } 18 ); 19 }]);

Slide 100

Slide 100 text

1 var TodoControllers = angular.module('TodoControllers', []); 2 3 TodoControllers.controller('TodoListCtrl', ['$scope', '$pusher', function ($scope, $pusher) { 4 $scope.todoItems = []; 5 6 var client = new Pusher("895dec4d68d4e286a48d"); 7 var pusher = $pusher(client); 8 var todo_items_channel = pusher.subscribe('todo-item'); 9 todo_items_channel.bind('updated', 10 function(data) { 11 for(var i=0; i < $scope.todoItems.length; i++) { 12 if($scope.todoItems[i].id == data.id) { 13 $scope.todoItems[i] = data; 14 return; 15 } 16 } 17 } 18 ); 19 }]);

Slide 101

Slide 101 text

1 var TodoControllers = angular.module('TodoControllers', []); 2 3 TodoControllers.controller('TodoListCtrl', ['$scope', '$pusher', function ($scope, $pusher) { 4 $scope.todoItems = []; 5 6 var client = new Pusher("895dec4d68d4e286a48d"); 7 var pusher = $pusher(client); 8 var todo_items_channel = pusher.subscribe('todo-item'); 9 todo_items_channel.bind('updated', 10 function(data) { 11 for(var i=0; i < $scope.todoItems.length; i++) { 12 if($scope.todoItems[i].id == data.id) { 13 $scope.todoItems[i] = data; 14 return; 15 } 16 } 17 } 18 ); 19 }]);

Slide 102

Slide 102 text

No content

Slide 103

Slide 103 text

DEMO TIME!

Slide 104

Slide 104 text

No content

Slide 105

Slide 105 text

git.io/vker1

Slide 106

Slide 106 text

No content

Slide 107

Slide 107 text

No content

Slide 108

Slide 108 text

1 from pusher import Pusher 2 3 pusher = Pusher( 4 app_id=u'111545', 5 key=u'895dec4d68d4e286a48d', 6 secret=u'3cd18f6810c758057767' 7 ) 8 9 pusher.trigger(u'channel_name', u'event_name', {u'message': u'hello world'})

Slide 109

Slide 109 text

1 class PusherMixin(object): 2 3 def render_to_response(self, context, **response_kwargs): 4 5 channel = u"{model}_{pk}".format( 6 model=self.object._meta.model_name, 7 pk=self.object.pk 8 ) 9 event_data = {'user': self.request.user.username} 10 11 pusher = Pusher(app_id=settings.PUSHER_APP_ID, 12 key=settings.PUSHER_KEY, 13 secret=settings.PUSHER_SECRET) 14 pusher.trigger( 15 [channel, ], 16 self.pusher_event_name, 17 event_data 18 ) 19 20 return super(PusherMixin, self).render_to_response(context, **response_kwargs)

Slide 110

Slide 110 text

1 class PusherMixin(object): 2 3 def render_to_response(self, context, **response_kwargs): 4 5 channel = u"{model}_{pk}".format( 6 model=self.object._meta.model_name, 7 pk=self.object.pk 8 ) 9 event_data = {'user': self.request.user.username} 10 11 pusher = Pusher(app_id=settings.PUSHER_APP_ID, 12 key=settings.PUSHER_KEY, 13 secret=settings.PUSHER_SECRET) 14 pusher.trigger( 15 [channel, ], 16 self.pusher_event_name, 17 event_data 18 ) 19 20 return super(PusherMixin, self).render_to_response(context, **response_kwargs)

Slide 111

Slide 111 text

1 class PusherMixin(object): 2 3 def render_to_response(self, context, **response_kwargs): 4 5 channel = u"{model}_{pk}".format( 6 model=self.object._meta.model_name, 7 pk=self.object.pk 8 ) 9 event_data = {'user': self.request.user.username} 10 11 pusher = Pusher(app_id=settings.PUSHER_APP_ID, 12 key=settings.PUSHER_KEY, 13 secret=settings.PUSHER_SECRET) 14 pusher.trigger( 15 [channel, ], 16 self.pusher_event_name, 17 event_data 18 ) 19 20 return super(PusherMixin, self).render_to_response(context, **response_kwargs)

Slide 112

Slide 112 text

1 class PusherMixin(object): 2 3 def render_to_response(self, context, **response_kwargs): 4 5 channel = u"{model}_{pk}".format( 6 model=self.object._meta.model_name, 7 pk=self.object.pk 8 ) 9 event_data = {'user': self.request.user.username} 10 11 pusher = Pusher(app_id=settings.PUSHER_APP_ID, 12 key=settings.PUSHER_KEY, 13 secret=settings.PUSHER_SECRET) 14 pusher.trigger( 15 [channel, ], 16 self.pusher_event_name, 17 event_data 18 ) 19 20 return super(PusherMixin, self).render_to_response(context, **response_kwargs)

Slide 113

Slide 113 text

1 class PusherMixin(object): 2 3 def render_to_response(self, context, **response_kwargs): 4 5 channel = u"{model}_{pk}".format( 6 model=self.object._meta.model_name, 7 pk=self.object.pk 8 ) 9 event_data = {'user': self.request.user.username} 10 11 pusher = Pusher(app_id=settings.PUSHER_APP_ID, 12 key=settings.PUSHER_KEY, 13 secret=settings.PUSHER_SECRET) 14 pusher.trigger( 15 [channel, ], 16 self.pusher_event_name, 17 event_data 18 ) 19 20 return super(PusherMixin, self).render_to_response(context, **response_kwargs)

Slide 114

Slide 114 text

1 var pusher = new Pusher('{{ settings.PUSHER_KEY }}'); 2 var channel = pusher.subscribe('model_{{ object.pk }}'); 3 channel.bind('update', function(data) { 4 alert(data.user + " has begun updating this object"); 5 });

Slide 115

Slide 115 text

1 var pusher = new Pusher('{{ settings.PUSHER_KEY }}'); 2 var channel = pusher.subscribe('model_{{ object.pk }}'); 3 channel.bind('update', function(data) { 4 alert(data.user + " has begun updating this object"); 5 });

Slide 116

Slide 116 text

1 var pusher = new Pusher('{{ settings.PUSHER_KEY }}'); 2 var channel = pusher.subscribe('model_{{ object.pk }}'); 3 channel.bind('update', function(data) { 4 alert(data.user + " has begun updating this object"); 5 });

Slide 117

Slide 117 text

1 var pusher = new Pusher('{{ settings.PUSHER_KEY }}'); 2 var channel = pusher.subscribe('model_{{ object.pk }}'); 3 channel.bind('update', function(data) { 4 alert(data.user + " has begun updating this object"); 5 });

Slide 118

Slide 118 text

No content

Slide 119

Slide 119 text

No content

Slide 120

Slide 120 text

git.io/vk9uu

Slide 121

Slide 121 text

@aaronbassett