Aplicação De Chat Webocket Do ExtJS

Question

Aplicação De Chat Webocket Do ExtJS

estou a definir uma aplicação MVC com o Extjs 4.2 que tem um suporte de chat para o meu cliente. Para isso, estou usando Extjs Websocket e segui o tutorial a partir deste https://market.sencha.com/extensions/ext-ux-websocket mas eu podia trabalhar para transmitir uma mensagem a todos os clientes ligados em navegadores diferentes. Aqui estão os meus códigos:

        this.ws = Ext.create('Ext.ux.WebSocket', {
            url : 'ws://localhost:6966',
            autoReconnect : true,
            autoReconnectInterval : 1000,
            keepUnsentMessages : true,
            listeners : {
                open : function(ws) {
                    ws.send('notify', {
                        'message' : 'Connected to server!',
                        'id' : '123456'
                    });
                },
                message : function(ws, data) {
                    var data = Ext.decode(data);
                    console.log(data)
                },
                close : function(ws) {
                    var panel = Ext.getCmp('panel' + ws.url);

                    if ((panel != null) || (panel != undefined)) {
                        panel.destroy();
                    }
                }
            }
        });

        this.ws.on('notify', function(data) {
            Ext.get('chat-history').dom.innerHTML += '> ' + data.msg + '<br/>';
        });

        Ext.ux.WebSocketManager.register(this.ws);

e uso isto para enviar / transmitir mensagens:

var data = {
            id : '123456',
            msg : 'sample message'
        };

        Ext.ux.WebSocketManager.broadcast('notify', data);

2

websocket extjs extjs4 chat

Author: PinoyPal, 2014-06-26

Source

1 answers

score 0 · Accepted Answer

Você poderia experimentar este Este link.

Precisas do NodeJS e do NPM.

Então, instale todas as dependências:

$ npm install

Abra um websocket para cada porto que quiser:

$ node demo/server.js 9001 9002 9003

Depois ligue o seu cliente usando o seu código que publicou.