Отправка электронной почты на стороне клиента с помощью EmailJs в приложении ReactJs

  • Перейдите к EmailJs

  • Создайте бесплатный аккаунт (вы можете отправлять только 200 писем в месяц на этом аккаунте), если хотите больше писем, перейдите к ценообразованию.

  • Создайте почтовый сервис

  • Создайте шаблон электронной почты

  • Вы можете выбрать нужные вам template_id и service_id или сгенерировать их при необходимости.

  • Создайте проект react и установите модуль с помощью.

npm install @emailjs/browser --save
Войдите в полноэкранный режим Выйдите из полноэкранного режима
  • Импортируйте и используйте его в своем проекте.
import emailjs from "@emailjs/browser"

export const sendEmail = (templateParams) => {
    emailjs
        .send(
            process.env.REACT_APP_EMAILJS_SERVICE_ID,
            process.env.REACT_APP_EMAILJS_TEMPLATE_ID,
            templateParams,
            process.env.REACT_APP_EMAILJS_PUBLIC_KEY
        )
        .then(
            (result) => {
                console.log(result.text)
            },
            (error) => {
                console.log(error.text)
            }
        )
}
Войти в полноэкранный режим Выйдите из полноэкранного режима
  • Добавьте REACT_APP_EMAILJS_SERVICE_ID, REACT_APP_EMAILJS_TEMPLATE_ID, REACT_APP_EMAILJS_PUBLIC_KEY в ваш env файл. (не забудьте перезапустить сервер после добавления переменных).

  • Вот и все, вы закончили с отправкой писем.

  • Вы можете посмотреть журналы событий и историю писем в истории.

  • Также вы можете добавить reCAPTCHA v2 и google analytics при отправке писем.

Если у вас есть какие-либо вопросы, вы можете оставить их в комментариях.

Не забудьте посетить мой сайт и следить за мной. Спасибо.

Оцените статью
devanswers.ru
Добавить комментарий