Angular HttpClient stream

Question

I'm developing an Angular application for Cordova/iOS. I get about 100 MB of data from the backend services which seems to let iOS' web-view (WKWebView) crash. At least I don't experience crashes with the test-backend which returns less data.

The data will be stored in IndexedDB, so there is no reason to fill the RAM with all this data.

So my idea is to stream the response directly into IndexedDB. There are libraries available which can do this even with JSON, e.g. Oboe.js or JSONStream.

Angular's HttpClient returns the whole response in a big string or JSON object which is not what I want. Is there a way I can process the response incrementally similar to this: https://stackoverflow.com/a/18964123/395879

IDK4real · Accepted Answer · 2021-03-08 22:47:41Z

0

In Angular, there is currently no way of streaming data.

The closest that you can get is with the use of websockets.

The correct workflow would then be:

Add websocket functionality on the server side of your application.
Create an Angular service that manages the connect and disconnect of the websockets.
Ensure your Angular service exposes an observable that can be subscribed on. This will provide the sensation of streaming that you are looking for.
Subscribe to the data stream provided by the service and a update your data/view as new values are emitted.

answered Mar 8, 2021 at 22:47

IDK4real

1,1329 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

fishbone Over a year ago

Wouldn't be implementing the XHR logic on my own closer instead of using websockets? XHR supports streaming. Angular's HttpClient abstraction probably just doesn't.

IDK4real Over a year ago

You can implement an XHR logic if you feel more confortable. I would not advise against it directly. I would advise to read this stackoverflow.com/questions/14703627/… You can implement the server-sent events in angular as per the following link: medium.com/@chrisbautistaaa/… At the end, you need to do what is appropriate and practical. For me it would be websockets but this is also xhr stream or server-sent events are both feasible..

Collectives™ on Stack Overflow

Angular HttpClient stream

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related