如何从客户端角度形式发送电子邮件而无需服务器端应用程序联系我们表格

Question

我有一个没有服务器端（没有数据库）的有角度的网站（pwa网站），并且我有一个与我们联系的表格，我希望允许最终用户发送一些数据，例如“名称”，“电子邮件”，“主题”和...到特定的电子邮件，例如“ info@gtx.com”

当前，我在主机域上未上传与我们联系的表单的网站。

我在网站上使用的是Angular 7

Answer 1

我目前正在使用名为FormSpree的服务，该服务使我们能够处理电子邮件联系表单，而无需服务器端代码。直到现在，它的运行状况都还不错。

1）在指定name属性并将POST请求url添加到表单的action属性之后，您可以在纯component.html上处理它。

<form action="https://formspree.io/your@email.com" method="POST" />
.
.
<input type="text" name="name">

2）或者，您可以在component.ts / service.ts上处理此问题，方法是调用HttpClient并将请求请求以及请求正文和标头发送到“ https://formspree.io/your@email.com”。

---

或者，您可能想使用SendGrid，尽管在这里可能没有太大帮助，因为我实际上没有尝试过。但是，它们似乎具有相当广泛的API和不错的documentation，因此您可能要参考如何开始使用它。

Answer 2

您不能直接通过前端代码发送电子邮件。 相反，您可以

• 使用最终用户邮件客户端。
• 使用第三方网络服务。
• 使用您自己的后端服务。

（您可以将后端代码放在同一应用程序中，并作为一个应用程序托管。https://nodemailer.com/about/是使用后端js代码发送邮件的库）

Answer 3

我所做的是使用电子邮件 API (mailthis.to) 和服务内部的 postmessage 来发送电子邮件。它有效