AngularClass/angular-websocket

The missing AngularJS 1.x WebSocket module for connecting client applications to servers.

Maximilian Grundke

@Parnswir

the next issue is with $WebSocketBackend.flush(), in wich (pending.message === msg.message) seems to be (undefined === undefined) in my case, even though pendingSends and sendQueue do contain the sent and expected strings

removing both .message works as expected in the tests (i.e. really compares expected and sent string)

Maximilian Grundke

@Parnswir

is somebody actually reading this? ;-)

PatrickJS [tipe.io]

@gdi2290

@Parnswir yeah sorry I’ve been busy

Brian Topping

@briantopping

hi, what's the fastest way to get an example running after checking out from git? would be cool to have a tl;dr for just running it.

Brian Topping

@briantopping

Oh, the demo talks to echo.websocket.org, nm

PatrickJS [tipe.io]

@gdi2290

@briantopping yeah that’s a good idea. I need to update the repo with breaking api changes so it works for both angular1 and angular2

Brian Topping

@briantopping

@gdi2290 is angular2 worth using yet?

PatrickJS [tipe.io]

@gdi2290

@briantopping for production not at all but for small toy/example apps to check it out it’s fun

Brian Topping

@briantopping

cool, thanks! :)

davetclark

@davetclark

Is there a bower packer for angular-websocket-mock, or is that only in npm?

PatrickJS [tipe.io]

@gdi2290

@davetclark you should be able to get it when you bower install angular-websocket

Nate Dudenhoeffer

@AgDude

You asked for some feedback on the api, I just started using the library, and the api seems ok, but I am not crazy about the architecture of the main provider.

What I want to do is decorate the _onMessageHandler, and it seems that has been made entirely private, so I really can't.

In my use case, we have decided we will only send JSON and heartbeat messages in our app, so I would like to parse all data to JSON once, before calling my registered handlers.

Henry Hz

@henry-hz

hi there, please, does it work with 3 way databinding as a firebase/meteor style ?

Luke Browell

@lukebrowell

@gdi2290 It's great that you're looking at this. So many of us are rolling our own with socket.io right now, that when your plans for socket.io integration land it will be a real selling point.

PatrickJS [tipe.io]

@gdi2290

I'm planning on rebuilding this to work for both Angular1 and Angular2 with a way to easily support any other integrations

telvin

@telvin

WebSocket connection to 'ws://abc.com' failed: Error in connection establishment: net::ERR_CONNECTION_TIMED_OUT

MILLER/F

@millerf

Guys, in the presentation of the WebsocketMock, there is a parenthesis missing:
var $websocketBackend;

beforeEach(angular.mock.module('ngWebSocket', 'ngWebSocketMock');

MILLER/F

@millerf

Guys, I really have trouble creating tests.

describe('Websocket', function () {

//load module
beforeEach(module('mozaik'));

var $websocketBackend, createController;
beforeEach(angular.mock.module('ngWebSocket', 'ngWebSocketMock'));

beforeEach(inject(function ($websocketBackend) {
$websocketBackend = $websocketBackend;
$websocketBackend.mock();
$websocketBackend.expectConnect('ws://localhost:1245/api');
$websocketBackend.expectSend({data: JSON.stringify({test: true})});

}));

beforeEach(inject(function ($injector) {
// The $controller service is used to create instances of controllers
var $service = $injector.get('$service');
createController = function () {
return $service('mzksWebsocket');
};
}));

it(’test1', function () {
var mzksWebsocket = createController();
//some test
});

->failed to instantiate module ngWebSocketMock due to:
Error: [$injector:nomod] Module 'ngWebSocketMock' is not available! You either misspelled the module name or forgot to load it. If registering a module ensu

MILLER/F

@millerf

I fixed it.

Benoit LeBlanc

@beleblanc

Hi there, Is there a quick way to find out if your socket is connected?

nevermind, looked in source for readyStates :smile:

Benoit LeBlanc

@beleblanc

Is this library still bein maintained though?

Diego Benjamín Aguilar Aguilar

@diegoaguilar

@beleblanc I guess AngularClass/angular-websocket@88b6e88

Benoit LeBlanc

@beleblanc

Will there be a new npm package soon with the latest merge as it resolves an issue I was having with webpack

roelleor

@roelleor

Hi there, does anybody know about an angular2 version of websocket?

MILLER/F

@millerf

It should be compatible, shouldn’t it?

Antonio Troina

@thoeni

Hi guys, a quick question: I'm missing what the autoApply function should do. After around 60 seconds I see in my console.log this message: "angular.js:26309 Uncaught ReferenceError: autoApply is not defined" and my front-end stops receiving messages from the websocket server... any idea?

nthibert

@nthibert

Hey all, I'm looking to bring this module into my project. My project is using requirejs. Anytime I require the module, it tries to require "ws" and fails which fails the whole page. I looked at the src and seems its trying to require in module, exports, angular and ws. Has anyone got around this issue?

Harish Gadiya

@harishgadiya

how we can use angular websocket with typesscript anguarljs2 with unit testing

Hamed Nourhani

@hamednourhani

hi must i use socket.io alongside angular to connect server socket or there is a builltin functionality with ng?

Pulkit Agarwal

@pulkit21

This message was deleted

Bart Peperkamp

@bartpeperkamp

Hi there, I managed to reconnect the socket session (in case of a server restart/error). The connection is 'open', however, i cannot get messages. Does anybody know what to do?

Muhammad Aref

@LeoAref

I spent around 4 hours to figure out how to write a unit test, and I couldn't

This is my service:

    function eventsStream (storage, $websocket) {
        const _collection = [];

        return {
            /**
             * @param  {function} callback
             * @return {object}
             */
            connect (callback) {
                // FIXME: we have to redirect to the config state
                if (storage.get('streamConfig')) {
                    const wsUri = 'ws://localhost:8888/api';
                    const dataStream = $websocket(wsUri);

                    dataStream.onMessage(message => {
                        _collection.push(JSON.parse(message.data));

                        if (angular.isFunction(callback)) {
                            callback(_collection);
                        }
                    });
                } else {
                    return 'You have to set the stream configuration.';
                }

                return {
                    collection: _collection
                };
            }
        };
    }

The unit test:

    describe('Unit testing eventsStream service', () => {
        let $websocketBackend,
            eventsStream,
            storage;

        beforeEach(module('mcp.gogo.services'));
        beforeEach(angular.mock.module('ngWebSocket', 'ngWebSocketMock'));

        beforeEach(inject((_$websocketBackend_, _eventsStream_, _storage_) => {
            $websocketBackend = _$websocketBackend_;
            eventsStream = _eventsStream_;
            storage = _storage_;

            $websocketBackend.mock();
            $websocketBackend.expectConnect('ws://localhost:8888/api');
            $websocketBackend.expectSend({data: JSON.stringify({test: true})});
            $websocketBackend.mockSend();
        }));

        it('Should passes the collection to the connect callback is the configuration exists', () => {
            storage.set('streamConfig', {});

            eventsStream.connect(collection => {
                console.log(collection);
            });

            $websocketBackend.flush();
        });
    });

Muhammad Aref

@LeoAref

any help??

Muhammad Aref

@LeoAref

@/all

innovation-stack

@innovation-stack

I tried to use AMD (requireJS) to load angular-websocket file, but I get an error stating - Uncaught Error: Script error for "ws"

I checked the source code of angular-websockets.js file, and seems the code tries to require['ws'] module

I don't see any existence of 'ws' module. Any help would be appreciated here

piux

@piux

did

well

i just tried it and i didnt have any problems

Where communities thrive

People

Repo info

Activity