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

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

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

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

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

任何帮助真的很感激!

解决方法

我可以想到连接到后端发送电子邮件的两个选项.

> 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或其他任何方式调用您的发送电子邮件功能.
>表单提交:另一个选项类似于第一个选项,它将带有表单数据的POST请求发送到后端.这要求服务器发回新页面,然后您的浏览器将重新加载.哪里可以在没有页面重新加载的情况下完成第一个选项.

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

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...