React Js ile Mail Gönderimi

Modern JavaScript kütüphaneleri arasında ilk akla gelen React Js ile bir çok web uygulamasını rahatlıkla yapabilir olduk.

React İle Mail Gönderme

Ancak bazı durumlarda gerek kullanıcılardan mail almak gerek kullanıcılara mail göndermek gerekebiliyor. Bunun için en çok kullanılan ve altyapısında bir çok mail servisini barındıran bir kütüphaneden bahsedeceğim.

Email JS

Email Js kütüphanesi kendi web sitesinden oluşturduğunuz mail servisleri ve mail tasarımları ile mail gönderim işlemlerini oldukça kolaylaştıran bir kütüphanedir.

Ayarlar

Kuruluma geçmeden önce https://www.emailjs.com/ adresinden yoksa üyelik oluşturmalıyız. Aylık 200 mail göndermek için ücretsiz planı seçebilirsiniz yada aylık 25.000 mail gönderebileceğiniz ücretli planda seçebilirsiniz.

Web sitesinde sizden ilk önce mail servisi kurulumu istenecektir. Bu aşamada servis kurulması çok kolaydır:

Emil servisi seçme ekranı

Ardında bir mail template oluşturmalısınız:

Mail teplate oluşturma ekranı

Kurulumu

Npm:

npm install emailjs-com

Yarn:

yarn add emailjs-com

Kullanımı

Kullanımı ise çok basit. İlk önce email js kütüphanesini sayfamıza dahil ediyoruz:

import emailjs, { init } from "emailjs-com";

Sonra user key bilgisini veriyoruz:

init("user_xxxxxxxxxxxxxxxx");

Ardından mail gönderme fonksiyonumuz devreye giriyor:

function mail_send(){
  emailjs.send("service_xxx","template_xxxx",{
      from_name: "Alıcı Adı",
      from_email: "alici@eposta.com",
      message: "hello message area"
  });
}

İşte bu kadar kolay.

Kaynak:

https://www.emailjs.com/docs/