将流数据收集到一个角度应用程序中

Question

假设我有一个一点一点的Flask后端流数据，如下所示：

from flask import Flask, Response, jsonify
from flask_cors import CORS
import json

from itertools import cycle
from time import sleep


app = Flask(__name__)
CORS( app)

@app.route('/')
def hello_world():
    def gen():
        for i in cycle(range(1,10)):
            yield json.dumps( {"new_val":i})
            sleep(1)
    return Response( gen())


app.run( port=5000, debug=True)

我如何在一个角度5-6-7的应用程序上收集像Observable这样的数据呢？我试着和httpClientModule玩过，做了一些研究，但是我没有找到任何有用的例子。

Answer 1

我建议您为这个socket.io使用https://www.npmjs.com/package/socket.io-client客户端api。

关于使用角2+ http://www.syntaxsuccess.com/viewarticle/socket.io-with-rxjs-in-angular-2.0的库的教程

并检查如何在烧瓶后端实现它。

Answer 2

HttpClientModule不是您需要为此使用的东西。最好使用RxJs的Websocket库。假设您知道如何设置后端以接受Websocket，那么这个库将使这个过程更加简单。如果你担心网络上的数据量很大，你也可以利用协议头，特别是谷歌的“protobuf”库。可以在这里找到：https://developers.google.com/protocol-buffers/