Modul Custom SMTP menambahkan kemampuan untuk mengirim pesan email dalam aplikasi.

Instalasi dan konfigurasi

Untuk menginstal modul ini di proyek, buka bagian Modules dan temukan Custom SMTP .

smtp_install

Setelah instalasi, bidang berikut harus disiapkan:

  • Login (wajib) - alamat email yang akan digunakan untuk mengirim email.
  • Password (wajib) - kata sandi dari alamat email yang dipilih.
  • Server address (wajib) - server alamat yang digunakan untuk mengirim email. Secara default: smtp.gmail.com ( Gmail ).
  • Server port (wajib) - nomor port dari alamat server yang dipilih. Secara default: 587 ( Gmail ).
  • Use TLS (tidak diperlukan) - protokol keamanan lapisan transport. Dinonaktifkan secara default.
  • From Name (tidak wajib) - nama pengirim yang akan digunakan secara default.

module_settings

BP berikut dibuat secara default untuk penggunaan backend:

  • Custom SMTP: Send email - kirim email sesuai dengan bidang yang diberikan:
    • Subject [ string ] - subjek email;
    • Body [ text ] - isi email;
    • To [ email array ] - array email penerima;
    • [ Сс email array ] - array email dalam salinan;
    • From_name [ string ] - nama pengirim;
    • Bcc [ email array ] - array penerima salinan buta;

custom_smtp_send_email

Contoh penggunaan

Berikut adalah contoh sederhana mengirim email dasar dengan teks yang diberikan ke email yang dipilih saat tombol ditekan.

Kami akan menggunakan pengaturan Gmail default dalam contoh ini. Pertama-tama diperlukan untuk menyiapkan akun Gmail untuk mengirim email melalui aplikasi pihak ketiga:

  • Buka pengaturan akun Gmail ;
  • Buka tab Forwarding and POP/IMAP ;
  • Aktifkan IMAP Access ;
  • Simpan perubahan;

example_1_gmail_settings

Kemudian instal modul Custom SMTP ke dalam proyek Anda dan konfigurasikan sesuai dengan itu.

example_2_module_settings

Setelah modul dikonfigurasi, buat Endpoint untuk Custom SMTP: Send email :

  • Buat grup Endpoint baru;
  • Buat instance titik akhir baru di grup yang baru dibuat;
  • Atur seperti pada gambar di bawah ini;

example_3_endpoint Setelah itu, Anda dapat mulai membuat frontend aplikasi. Dalam contoh ini desainnya terlihat seperti pada gambar di bawah ini.

example_4_layout

Email sedang dikirim setelah tombol diklik ( onClick ) dan proses bisnis yang sesuai terlihat seperti:

example_5_onClick

  • InputEmail Get Properties - dapatkan alamat email penerima dari komponen Input Email ;
  • To Array - mengubah alamat email menjadi array alamat karena Server request POST /sendemail/ mendapatkan array hanya di input;
  • InputText Get Properties - mendapatkan teks email dari komponen Input Text ;
  • Server request POST /sendemail/ - mendapatkan nilai dari komponen Input dan menjalankan Custom SMTP: Send email di backend.
Was this article helpful?

AppMaster.io 101 Kursus kilat

10 Modul
2 Minggu

Tidak yakin harus mulai dari mana? Mulailah dengan kursus kilat kami untuk pemula dan jelajahi AppMaster dari A sampai Z.

Mulai Kursus
Development it’s so easy with AppMaster!

Butuh lebih banyak bantuan?

Selesaikan masalah apa pun dengan bantuan para ahli kami. Hemat waktu dan fokus untuk membangun aplikasi Anda.

headphones

Hubungi dukungan

Beritahu kami tentang masalah Anda, dan kami akan menemukan solusi untuk Anda.

message

Obrolan Komunitas

Diskusikan pertanyaan dengan pengguna lain di obrolan kami.

Bergabunglah dengan komunitas