reactjs - 使用 Next.js 和 Vercel 隐藏 api key 的最简单方法？

Question

我正在构建一个使用 OpenAI 的 API(使用 Next.js 和 Vercel)的应用程序。为了让它工作，我可以让前端直接调用API。但是，这样做会将 API key 暴露给浏览器(我知道在前端存储 secret 永远不安全)。因此，我想知道运行后端服务和进行 api 调用的最简单方法是什么？由于唯一的目标是隐藏我的 API key ，因此我更喜欢超轻量级的解决方案。谢谢大家。

我尝试在 Vercel 中使用环境变量，但它似乎仍然需要后端服务。

Answer 1

如果您正在寻找不涉及创建无服务器函数的解决方案，并且预计调用函数的次数不会超过 200 万次，我建议您考虑 Firebase Cloud Functions。它提供了一个简单的实现和部署过程。此外，您可以在 Firebase 设置中调整允许直接调用云函数的域的权限，而不是管理环境变量(.env 文件)。

Firebase Cloud Functions 是轻量级的，提供了一种简单的方法来实现您的目标，无需复杂的基础设施设置。您可以快速设置和部署您的函数，然后定义哪些域有权调用它。这种方法消除了单独管理环境变量的需要，并简化了整体设置过程。

总体而言，Firebase Cloud Functions 提供了一种方便高效的解决方案来实现您所需的功能，而无需创建和管理单独的无服务器函数的开销。