将流式数据收集到angular应用程序中
假设我有一个将流式数据收集到angular应用程序中,angular,streaming,Angular,Streaming,假设我有一个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():
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的应用程序上收集类似于
可观察的的数据?我尝试过使用httpClientModule
并做了一些研究,但没有找到任何有效的示例。httpClientModule
不是您需要使用的。最好使用RxJs的Websocket库。假设您知道如何设置后端以接受Websocket,那么该库将使这变得更容易。如果您担心通过网络传输的数据量,还可以利用协议头,特别是谷歌的“protobuf”库。可以在这里找到:我建议您为此使用socket.io客户端api
使用angular 2创建此库的教程+
并检查如何在flask后端实现它HttpClientModule不会起作用。是的,RESTful方法返回可观测值,但它们这样做是为了启用取消,而不是为了推送多个数据有效负载。你可能想用WebSocket做点什么。这可能会有帮助。