【发布时间】:2019-09-10 11:39:52
【问题描述】:
通知客户他们正在查看的模型表发生变化的最轻量级的方法是什么?
我使用 Django Rest Framework 设置了一个 API,该 API 为客户提供模板化的项目表,并允许他们即时更改买家。
目前,我使用带有 setTimeout 的重复 jQuery AJAX 请求 2 秒。即使没有更改,这也会发送大量请求和数据,并且网页大小不断增长。
我不得不禁用缓存,因为某些用户可能有 IE11。
我开始寻找一种将更新推送到客户端的方法,并开始探索 Django Channels 和 Server-Sent-Events。
Django 频道
- 构建演示聊天应用
- 非常快
- Websockets 是supported by all my target browsers
- 对于我想要实现的目标来说似乎有些矫枉过正。
- 大量配置
- 需要 Redis 或其他一些数据存储
- 我真的不需要双向通信
- 我的应用托管在 Pythonanywhere 上,这不允许 ASGI 和 似乎没有任何计划这样做(1、2)。
服务器发送事件
- 关于如何为 Django 配置它的信息很少
- No native support in IE11 or Edge,不过也有polyfills available
- 找到并测试了working example from stackoverflow,不是 完全确定它在做什么。网页每 5 秒更新一次,不知道控制在哪里。
- 很少的设置,看起来几乎是神奇的
- 似乎在 Django 中将它与 post_save signal 一起使用会很理想,但我不知道如何设置它。
当前基于 AJAX 的设置:
models.py
...
...
class Buyer(models.Model):
name = models.CharField(unique=True, max_length = 20)
class Item(models.Model):
name = models.CharField(unique=True, max_length = 50)
active = models.BooleanField(default=True)
bought_by = models.ForeignKey(Buyer, null=True, blank=True, to_field="name",)
views.py
...
...
class ItemViewSet(viewsets.ModelViewSet):
queryset = models.Item.objects.select_related("bought_by")
serializer_class= serializers.ItemSerializer
filterset_fields = ("bought_by")
renderer_classes = [renderers.JSONRenderer, renderers.BrowsableAPIRenderer, renderers.TemplateHTMLRenderer]
def list(self, request, *args, **kwargs):
queryset = self.filter_queryset(self.get_queryset())
if request.accepted_renderer.format == "html":
items = list()
for item in queryset:
items.append({"serializer": self.get_serializer(item), "item": item})
return Response(
{
"items_info": items,
"style": {"template_pack": "rest_framework/inline/"},
},
template_name="myapp/items_list.html",
)
else:
page = self.paginate_queryset(queryset)
if page is not None:
serializer = self.get_serializer(page, many=True)
return self.get_paginated_response(serializer.data)
serializer = self.get_serializer(queryset, many=True)
return Response(serializer.data)
...
...
(list方法被客户端修改为make each item editable)
handler.js
...
...
$.ajaxSetup({
cache: false
});
var tableUpdater = null;
var updateRequest = null;
// helper that can be called to cancel active timer/ajax in the
// case of interaction with buttons/selects on the page or
// in the case of a new request
function stopUpdate() {
if (tableUpdater || updateRequest) {
clearTimeout(tableUpdater);
updateRequest.abort();
}
}
// Update data table
function tableUpdate() {
stopUpdate();
updateRequest = $.ajax({
type: "GET",
url: "myapp/items/?format=html",
success: function(data) {
$("#activeRequests").html(data);
// schedule another AJAX request
tableUpdater = setTimeout(tableUpdate, 2000);
}
});
}
...
...
【问题讨论】:
标签: python django django-rest-framework server-sent-events django-signals