reactjs - 在 React 应用程序中保存 api key 的真正位置/方式是什么？

Question

我正在团队中从事一个 React 项目。我们正在使用一些第三方服务，这些服务需要 API key 。现在我们将这些 key 存储在代码中。据我所知，这不好而且危险。

I tried to find some recommendations in that regard 。我现在看到的解决这个问题的所有方法有:

• 创建 .env 文件并将所有 key 存储在其中(但在这种情况下，我需要与团队的其他成员共享我的 key )
• 或将所有 key 移至服务器并始终调用服务器以获取所需信息(但在这种情况下，我不知道如何使用需要 key 的外部组件，例如谷歌地图/地点/绘图等)。

您在团队中使用哪种方式？为什么？我想了解对我来说最好的解决方案是什么。谢谢!

Answer 1

您无法真正隐藏用于客户端 API(例如 JavaScript API 及其服务)的 API key 。保护 API key 的正确方法是添加 API key 限制。

查看 Google 关于 API Key Best Practices 的指南。您可能还想看看this answer .

希望这有帮助!