Question

通知客户正在查看的模型表的更改的最轻巧的方法是什么？

我已经使用Django Rest Framework设置了一个API，该API向客户提供商品的模板表，并允许他们即时更改买家。

当前，我使用一个带有setTimeout的重复jQuery AJAX请求2秒。即使没有任何更改，这也会发送大量的请求和数据，并且网页大小不断增长。

由于某些用户可能拥有IE11，我不得不禁用缓存。

我开始寻找推送客户端更新的方法，并开始探索Django渠道和服务器发送事件。

Django频道

内置演示聊天应用
很快
Websocket是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)
...
...

（客户端将列表方法修改为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);
    }
  });
}
...
...

Answer 1

我可以使用Django Channels，但是后来切换到pusher.com对我来说效果很好，所以我认为值得一看。

使用WSGI将模型更新从数据库发送到客户端

1 个答案: