在Angular6前端中使用Django通道

时间:2019-02-19 13:49:19

标签: angular websocket django-channels

我正在一个基于django的项目中工作,我们现在打算在其中添加一些实时功能,以将数据发送到连接的客户端,并在需要时刷新UI。用于构建前端的框架是Angular6,对于Angular来说我们还是一个新手。

我知道如何使用通道发送和接收数据。但是,即使经过大量搜索,我仍然无法找到任何有关如何设置和使Angular应用程序使用django通道抛出的数据的好材料。

简而言之,如何使djangochannels和angular应用程序一起工作??

我已经找到的东西:

http://devarea.com/angular-and-django-websockets-communication/#.XGwHiaIzbIU

上面的链接说明了如何执行我想要的操作,但不清楚哪个代码去了哪里以及需要什么导入等。

如果有人能够解释/纠正它,或者可能会建议一种更好或更简单的方法,那将是很棒的事情。

预先感谢

2 个答案:

答案 0 :(得分:1)

Django通道以相当通用的方式实现websocket协议的服务器端。因此,您不需要对通道进行任何特殊的角度设置。尽管有channels js可以简化与Websocket的通信,但是协议仍然非常相似,您可以使用vanilla js Websocket客户端。自2.0版起,不再使用js lib

因此,您真正要寻找的是如果不知道如何在Javascript中实现Websocket客户端

答案 1 :(得分:1)

以上链接是devarea.com系列文章中的一篇。

从这篇文章开始: http://devarea.com/building-a-simple-website-with-angular-4-and-django-and-deploy-it-to-heroku/#.XG1jvi2B0iU

它涵盖了所有必需的步骤