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

标签 javascript node.js reactjs

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

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

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

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

非常感谢任何帮助!

最佳答案

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

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

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

关于javascript - 从 Create-React-App 联系表单发送电子邮件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45724779/

相关文章:

javascript - 为屏幕而不是打印媒体切换 CSS 显示

javascript - 事件处理程序命名的 Backbone.js 最佳实践

node.js - 使用 supertest 和 async.parallel 发送并行 http 请求?

javascript - 我如何在nodejs中返回格式化的JSON对象

javascript - 检测 FLASH 插件崩溃

javascript - 正则表达式解析带有转义字符的字符串

node.js - 有条件地指向 package.json 中的主要字段

arrays - react this.setState 不更新数组状态变量

javascript - 将对象数组分解为单独的变量以进行数据库存储(React、express、sql server)

javascript - 什么是 React 路由器中的内联渲染以及它如何与路由内的 "render"一起工作/