javascript - 原版 JS 文件的 Github secret

Question

我正在构建一个静态网站、HTML、CSS 和 Vanilla JS。我到了一个地步，每当有表单提交时，我必须使用 MailChamp 向客户端发送电子邮件。不是那么棘手，文档非常清楚如何进行 API 调用。但我需要发送 API_KEY每一个请求。这是一个问题。我不想在代码中保存这个 key 。我已将其作为 secret 添加到 github repo 上。但我不确定如何在 Vanilla JS 文件上访问它。我尝试了以下，process.env.API_KEY和 API_KEY我收到此错误，sendEmail.js:1 Uncaught ReferenceError: process is not defined这是有道理的，因为它是一个静态网站。但我想不出其他办法。如果它是一个节点进程，那将非常简单:/

假设我创建了一个 API 端点，以及我可以安全保存的服务器 API_KEY ，我将如何验证来自前端/静态网站的请求？假设我无法在客户端安全地保存 token 。

Answer 1

没有办法按照您想要的方式进行操作，即使用纯前端 (FE)，因为这意味着您需要将您的 secret 发送给他们。
无论您发送到前端的什么内容，您的用户都可以随时访问，因此不安全。
你需要的是后端(BE)，某种服务器，它会接收来自 FE 的异步调用，连接到外部 API 并做你想做的任何事情，然后发送某种确认到该过程成功的FE。
现在，BE 将知道您的 secret ，这很好，因为您可以控制它，而用户将无法直接访问它。
现在，您并不总是需要一个成熟的应用程序，有些人正在使用像 Firebase 这样的平台来完成工作，例如可以为您处理用户身份验证。