Custom SMTP module adds the ability to send e-mail messages in the application.

Installation and configuration

To install this module in the project, go to Modules section and find Custom SMTP.

smtp_install

After installation the following fields are required to be set up:

  • Login (required) - email address to be used for sending e-mails.
  • Password (required) - password from the selected email address.
  • Server address (required) - address server which is used for sending e-mails. By default: smtp.gmail.com (Gmail).
  • Server port (required) - port number of the selected server address. By default: 587 (Gmail).
  • Use TLS (not required) - transport layer security protocol. Is turned off by default.
  • From Name (not required) - sender’s name to be used by default.

module_settings

The following BP is generated by default for backend usage:

  • Custom SMTP: Send email - send email according to the given fields:
    • Subject [string] - email subject;
    • Body [text] - email body;
    • To [email array] - array of receiver’s emails;
    • Сс [email array] - array of emails in copy;
    • From_name [string] - sender’s name;
    • Bcc [email array] - array of blind copy receivers;

custom_smtp_send_email

Usage example

Here is a simple example of sending basic email with the given text to the selected email when the button is pressed.

We are going to use default Gmail settings in this example. First of all it is required to prepare Gmail account for sending out emails via third-party applications:

  • Open Gmail account settings;
  • Go to Forwarding and POP/IMAP tab;
  • Toggle on IMAP Access;
  • Save the changes;

example_1_gmail_settings

Then install Custom SMTP module into your project and configure it accordingly.

example_2_module_settings

Once the module is configured create an Endpoint for Custom SMTP: Send email business process:

  • Create new Endpoint group;
  • Create new endpoint instance in the newly created group;
  • Set it up as on the picture below;

example_3_endpointAfter that, you can start creating the frontend of the application. In this example the design looks like on the picture below.

example_4_layout

Email is being sent once the button is clicked (onClick) and the corresponding business process looks like:

example_5_onClick

  • InputEmail Get Properties - get the receiver’s email address from Input Email component;
  • To Array - converts email address into array of addresses since the Server request POST /sendemail/ gets arrays in the input only;
  • InputText Get Properties - gets email text from the Input Text component;
  • Server request POST /sendemail/ - gets the values from Input components and executes Custom SMTP: Send email business process in the backend.
Was this article helpful?

AppMaster.io 101 Crash Course

10 modules
2 weeks

Not sure where to start? Get going with our crash course for beginners and explore AppMaster from A to Z.

Start Course
Development it’s so easy with AppMaster!

Need More Help?

Solve any issue with the help of our experts. Save time and focus on building your applications.

headphones

Contact Support

Tell us about your problem, and we’ll find you a solution.

message

Community Chat

Discuss questions with other users in our chat.

Join Community