Как отправить электронное письмо с угловой формы на стороне клиента без приложения на стороне сервера для формы «Свяжитесь с нами»

Question

У меня есть угловой веб-сайт (веб-сайт pwa) без серверной части (без базы данных), и у меня есть форма для связи с нами, которую я хочу разрешить конечному пользователю отправлять некоторые данные, такие как «имя», «электронная почта», «тема» и ... на определенный адрес электронной почты, такой как "info@gtx.com"

В данный момент я загрузил сайт без формы обратной связи на хост-домене.

Я использую Angular 7 для веб-сайта

Answer 1

Вы не можете отправлять электронную почту напрямую через код переднего плана.Вместо этого вы можете

• использовать почтовый клиент конечных пользователей.
• используйте сторонний веб-сервис.
• используйте свой собственный конечный сервис.

(Вы можете поместить внутренний код в то же приложение и разместить егокак одно приложение. https://nodemailer.com/about/ - это библиотека для отправки почты с использованием внутреннего кода js)

Answer 2

В настоящее время я пользуюсь этой службой под названием FormSpree , которая позволяет обрабатывать контактные формы электронной почты без необходимости использования кода на стороне сервера.Он работал прилично хорошо, даже до сих пор.

1) Вы можете обрабатывать его исключительно в вашем component.html, указав атрибут name и добавив URL-адрес запроса POST в action формы.attribute.

<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 и приличную документацию 1016 *, поэтому вы можете обратиться к ней, чтобы узнать, как начать работу с ним.