如何在Flutter中拥有与服务器发送事件/ EventSource功能类似的功能？
如何在Flutter中拥有与服务器发送事件/ EventSource功能类似的功能？
提问于 2021-02-23 10:45:04
我有一个网络开发人员的背景，只是一个初学者在扑翼和飞镖。
对于一个项目，我需要在Flutter中实现Server-Sent-Event / EventSource功能。
我已经搜索过像dart:http、EventSource构造函数和Flutter API这样的选项，但我还没有找到使用StreamBuilder的工作示例。
你能给我举一些Flutter应用程序可以监听API的例子吗？
这就是Web开发中要做的事情。
// client side
const eventSource = new EventSource(`/eventSource/${xyz}`)
eventSource.onmessage = function(e) {
const data = JSON.parse(e.data)
console.log(e)
}
// server side
router.get('/eventSource/:id', (req, res) => {
const headers = {
'Content-Type': 'text/event-stream',
'Connection': 'keep-alive',
'Cache-Control': 'no-cache'
}
res.writeHead(200, headers)
const data = `data: ${JSON.stringify(someData)}\n\n`
setInterval(() => {
x.write(data)
}, 3000)
req.on('close', () => {})
})
回答 1
Stack Overflow用户
回答已采纳
发布于 2021-02-25 06:24:28
这段代码可能会有帮助
var _client;
var _streamResponse;
Future streamFiles() async {
_client = http.Client();
final url = 'url';
var headers = {};
final req = http.Request('GET', Uri.parse(url));
req.headers.addAll(headers);
final res = await _client.send(req);
_streamResponse = res.stream.toStringStream().listen((value) {
print(json.decode(value));
});
}
@override
void dispose() {
if (_streamResponse != null) _streamResponse.cancel();
if (_client != null) _client.close();
super.dispose();
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/66331623
复制相关文章
相似问题
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
