如何从 API 呼叫中 "store" 数据并在网站上超时刷新(进行新呼叫)(替换旧的存储内容)

How to "store" data from an API call and refresh it (make new call) overtime (replacing old stored contents) on website

我是这个名为 FAF 的 association/game 的志愿者。我们有一个通过 API 调用获得的玩家排行榜 (https://www.faforever.com/competitive/leaderboards/1v1)。但是,这样做效率不高,所以每次有人打开排行榜页面时都会调用 API 来获取排名。但是,想象一下,如果有 1000 人访问它,那将是对 API 的 1000 次调用都是为了完全相同的信息。

因此,我一直在尝试搜索和搜索一种方法来执行 API 调用,将其存储在代码中并向用户展示。然后找到一种方法来将所说的 API 调用自动化为每 30 分钟 - 1 小时一次。这样一来,它只有 1 个调用来存储用户查看的信息,而不是每次用户打开排行榜页面时都对相同信息进行新的调用。但是,我找不到任何有关如何使用 js 执行此操作的信息(获取、ajax、json)。我还在学习前端开发,所以我不确定是否有办法做到这一点?

如果您能 link 我提供资源或编码“技术”以使用 JS 实现此目的,将不胜感激。谢谢!

你说的是缓存。缓存是一种非常常用的技术,可以减少服务器负载和延迟。大多数网络服务器库都提供某种缓存功能,可以在它们各自的文档中找到。前端缓存不是很常见,但可以使用本博客中提到的本地存储来实现 post https://medium.com/@brockreece/frontend-caching-strategies-38c57f59e254

这里是另一篇关于缓存的文章,这次使用nodejs更通用一些https://www.honeybadger.io/blog/nodejs-caching/