如何在沒有服務器端應用程序的情況下從客戶端角度表單發送電子郵件以獲取聯系我們表單

Question

我有一個沒有服務器端（沒有數據庫）的角度網站（pwa 網站），我有一個聯系我們的表格，我想允許最終用戶發送一些數據，如“姓名”、“電子郵件”、“主題”和......到特定的電子郵件，如“info@gtx.com”

目前，我在主機域上上傳了網站，而沒有與我們聯系。

我在網站上使用 angular 7

Answer 1

我目前正在使用這個名為FormSpree 的服務，它允許我們在不需要服務器端代碼的情況下處理電子郵件聯系表單。 它一直運行良好，甚至直到現在。

1) 在指定name屬性並在表單的action屬性上添加 POST 請求 url 后，您可以純粹在您的 component.html 上處理它。

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

2) 或者，您可以通過調用 HttpClient 向“ https://formspree.io/your@email.com ”發送 post 請求以及請求正文和標題，在您的 component.ts/service.ts 上處理它。

---

或者，您可能想要使用 SendGrid，盡管我在這里可能沒有太大幫助，因為我還沒有真正嘗試過。 但是，它們似乎具有相當廣泛的 API 和體面的文檔，因此您可能需要參考它以了解如何開始使用它。

Answer 2

您不能直接通過前端代碼發送電子郵件。 相反，你可以

• 使用最終用戶郵件客戶端。
• 使用第三方網絡服務。
• 使用您自己的后端服務。

（你可以將后端代碼放在同一個應用程序中，並將其作為一個應用程序托管。https://nodemailer.com/about/是一個使用后端js代碼發送郵件的庫）

Answer 3

我所做的是使用電子郵件 api (mailthis.to) 和服務內的 postmessage 來發送電子郵件。 它有效