ReactJS中的本地图像与外部图像服务

Question

我正在使用前端的ReactJS和Rails后端API构建一个Web应用程序。我整个应用程序总共只显示4张图像；这4张图片是从大约50张图片中选出的，并且该组的增长不会很快（每年最多增加10张图片）。这4张图片应该每3至7天更改一次。

所以我在考虑生产力，性能和价格方面，在以下情况之间处理图像的最佳方法是什么

• 在我的React前端中创建一个本地静态img文件夹，其中包含所有 图像，并将它们导入我的组件中。
• 使用图像上传/存储服务，例如Cloudinary，Imgx，AWS S3 ...通过我的rails后端提供我的图像。

或者也许有比这两个更好的解决方案？

Answer 1

由于您所描述的软件的性质，建议您在React前端应用程序中创建本地和静态图像。

主要原因是：

1. 您已经提到，每年的图片数量不会超过10张，因此在需要更新时，手动进行操作很容易。
2. 在存储方面，您将不会依赖第三方（与使用AWS S3或任何其他提供程序的情况不同，您将不必要地依赖第三方）
3. 这些图像将独立于后端API服务器工作，因此，即使后端出现某种故障，该平台也将更加可靠，因为它不依赖于后端服务器来显示这些图像。
4. 这还将减少服务器和客户端之间使用的带宽，每个图像请求都将“命中”客户端应用程序，该应用程序应已自动缓存JS，CSS和Images文件，因此将对其进行自动优化以获得更好的效果。缩放。