I am working on a django based project where we now intend to add some realtime capabilities to send data to the connected clients and refresh the UI as and when required. The framework being used to build the frontend is Angular6 and we are kinda new to Angular.

I know how to use channels to send and receive data. But, even after considerable searching, I am still unable to find any good material on how to setup and make an Angular app consume the data thrown by the django channels.

In a nutshell how to make djangochannels and an angular app work together.?

What I found Already:

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

Above link explains how to do what I want but its not clear which code goes where and what are the imports required etc.

Would be great If some one is able to explain/correct it or may be suggest a better or easier approach.

Thanks in advance