Add demo
This commit is contained in:
@ -6,15 +6,12 @@ from apps.back.models import Post, Comment
|
||||
class BlogConsumer(WebsocketConsumer):
|
||||
|
||||
def connect(self):
|
||||
''' Cliente se conecta '''
|
||||
self.accept()
|
||||
|
||||
def disconnect(self, close_code):
|
||||
''' Cliente se desconecta '''
|
||||
pass
|
||||
|
||||
def receive(self, text_data):
|
||||
''' Cliente envía información y nosotros la recibimos '''
|
||||
text_data_json = json.loads(text_data)
|
||||
selector = text_data_json["selector"]
|
||||
template = text_data_json["template"]
|
||||
|
@ -32,16 +32,13 @@
|
||||
<script>
|
||||
document.$CHAT_SOCKET = new WebSocket('ws://my-demo.localhost/ws/blog/{{ CHANNEL}}/');
|
||||
|
||||
// Conectado
|
||||
document.$CHAT_SOCKET.addEventListener('open', () => {
|
||||
console.log('Connect');
|
||||
});
|
||||
// Desconectado
|
||||
document.$CHAT_SOCKET.addEventListener('close', () => {
|
||||
console.log('Disconnect');
|
||||
});
|
||||
|
||||
// Recibir mensaje y dibujar
|
||||
document.$CHAT_SOCKET.addEventListener('message', (event) => {
|
||||
const NEW_DATA = JSON.parse(event.data);
|
||||
const rangeHTML = document.createRange().createContextualFragment(NEW_DATA.html);
|
||||
|
Reference in New Issue
Block a user