Vanilla JS文件的Github秘密

Question

我正在建立一个静态网站，HTML，CSS，和香草JS。我到了一个点，每当有表单提交时，我都必须使用MailChamp向客户机发送电子邮件。没有那么棘手，文档非常清楚如何执行API调用。但是我需要在每个请求中发送api_key。这是个问题。我不想在代码中保存此密钥。我已经在github Repo上添加了它作为一个秘密。但我不确定如何在香草JS文件上访问它。我尝试了以下操作,

这是有道理的，因为它是一个静态网站。但我想不出别的办法。如果它是一个节点进程，就会非常简单：/

假设我创建了一个APIendpoint和一个可以安全保存api_key的服务器，我将如何验证来自前端/静态网站的请求？假设我不能在客户端安全地保存令牌。

Answer 1

没有办法按照您想要的方式来做，即使用纯前端(FE)，因为这意味着您需要将您的秘密发送给他们。无论您发送到前端的是什么，您的用户总是可以访问的，所以它是不安全的。您需要的是后端(BE)，某种服务器将接收来自FE的异步调用，连接到外部API并执行您希望它执行的任何操作，然后向FE发送处理成功的某种确认。现在，BE将知道您的秘密，这是很好的，因为您控制它，用户将不能直接访问它。

现在，您并不总是需要一个成熟的应用程序来实现这一点，有些人正在使用Firebase这样的平台来完成工作，例如，它可以为您处理用户身份验证。