react native 中的并行获取请求

Posted 2023-02-22

【中文标题】react native 中的并行获取请求

【英文标题】：Parallel fetch requests in react native

【发布时间】：2018-05-08 18:55:12

【问题描述】：

我正在react native 中开发一个新应用程序，我需要同时将20 fetches 转换为我的api。当我在电话间隙中开发时，我可以创建20 web workers 以使Ajax 调用并行发生。当我在react native 中并行执行20 fetches 时，看起来每次获取都比以前花费更长的时间。就像它有一个提取队列并且它不会一起运行它们。

有没有办法解决这个问题？现在在我的phonegap app 中需要像1 minute 那样完成提取，它需要像10 secs.. 非常感谢您的帮助

【问题讨论】：

这方面有什么更新吗？

@Milad 你有东西吗？

【参考方案1】：

ios 中每个主机的连接数限制为四个。您需要在 NSURLSession 中增加 HTTPMaximumConnectionsPerHost。

测试这个丑陋的方法是直接将以下行添加到 node_modules/react-native/Libraries/Network/RCTHTTPRequestHandler.m： NSURLSessionConfiguration

[configuration setHTTPMaximumConnectionsPerHost:25];

阅读更多：https://developer.apple.com/documentation/foundation/nsurlsessionconfiguration/1407597-httpmaximumconnectionsperhost?language=objc

【参考方案2】：

您可以使用 Promise.all 同时运行所有的 Promise/fetch，然后等待响应。

https://developer.mozilla.org/es/docs/Web/javascript/Referencia/Objetos_globales/Promise/all

【讨论】：

这没有帮助。获取请求仍然一次发生一个，只是客户端代码在处理结果之前等待所有这些请求。这可能与提问者所寻找的相反——他们似乎想要单独处理这些请求中的每一个，而不必等待更早的（可能长时间运行的）请求完成。我有同样的问题：我有一个请求执行缓慢的数据库搜索，可能需要 10 多秒才能完成，因此其他一切都会在它发生时延迟。不是很好的用户体验...