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

时间:2017-08-17 00:14:47

标签: javascript node.js reactjs

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

在做了一些研究后,我发现这需要我设置一些后端。我非常不熟悉后端编程。我知道nodejs并且有点能够使用它来设置一个基本服务器,但我不知道如何将它连接到react站点,或者我是否需要一个节点服务器(刚才提到它因为我发现{{3} })。

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

对不起,这是一个如此低调/模糊的问题,我只是在寻找开始研究和学习的方向。我不希望得到关于后端服务器的目的和精确操作的详细答案,只是一些有用的指导或开始学习的地方!

非常感谢任何帮助!

1 个答案:

答案 0 :(得分:7)

我可以考虑连接到后端发送电子邮件的两个选项。

  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或其他任何方式调用您的发送电子邮件功能。 / p>

  2. 表单提交:另一个选项类似于第一个选项,它将带有表单数据的POST请求发送到后端。这要求服务器发回新页面,然后您的浏览器将重新加载。第一个选项可以在没有页面重新加载的情况下完成。

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