从Create-React-App联系表单发送电子邮件

Question

我正在开发一个网站，使用了create-react-app创建。我需要创建一个联系页面，输入的信息将被发送到指定的电子邮件地址。

经过一些研究，我发现这将需要我设置一些后端程序。我对后端编程非常不熟悉。我知道nodejs，并且能够使用它设置基本服务器，但我不知道如何将其连接到react站点，或者是否需要一个node服务器（只是因为我找到了Nodemailer而提到它）。

有什么好的后端设置可以使用吗？我只需要用它来将输入字段的值发送到特定的电子邮件地址。

很抱歉这是一个如此新手/模糊的问题，我只是在寻找一些方向，开始研究和学习。我不希望得到有关后端服务器目的和精确操作的详细答案，只是一些有用的指导或开始学习的地方！

非常感谢任何帮助！

- Gage Hendy Ya Boy

---

你可能想看一下EmailJS，它允许直接从Javascript使用预构建的模板发送电子邮件 [声明 - 我是其中之一的创作者]。 - Sasha

Answer 1

我可以想到两种连接后端发送电子邮件的方法。

1. API：您在后端创建一个端点（例如https://yourdomain.com/api/sendemail）。使用expressjs或其他服务器端库，创建该端点以接收POST请求（参见https://expressjs.com/en/starter/basic-routing.html）。然后使用前端（fetch：https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch）调用包含电子邮件所需数据的端点，然后端点使用Nodemailer或其他工具调用您的发送电子邮件函数。

2. 表单提交：另一种选项与第一种类似，它将带有表单数据的POST请求发送到后端。这需要服务器发送新页面，然后您的浏览器重新加载页面，而第一种选项可以在不刷新页面的情况下完成。

我不是专家，但这是我知道的两个选项。祝好运！

- byumark

---

非常感谢！这些资源非常有帮助。 - Gage Hendy Ya Boy