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

Question

我正在使用我使用的网站 create-react-app去创造。我需要制作一个联系页面，其中输入的信息将被发送到指定的电子邮件。

在做了一些研究后，我发现这将需要我设置一些后端。我非常不熟悉后端编程。我了解 nodejs 并且能够使用它设置基本服务器，但我不知道如何将它连接到 react 站点，或者我是否需要 Node 服务器(只是提到它是因为我找到了 Nodemailer ) .

我应该使用什么好的后端设置？我需要用它来将输入字段的值发送到特定电子邮件。

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

非常感谢任何帮助!

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 请求。这要求服务器发回一个新页面，然后您的浏览器将重新加载。无需重新加载页面即可完成第一个选项。

不是这方面的专家，但这是我所知道的两个选项。祝你好运!