Custom SMTP Ce module ajoute la possibilité d'envoyer des messages électroniques dans l'application.

Installation et configuration

Pour installer ce module dans le projet, allez dans la section Modules et trouver Custom SMTP.

smtp_install

Après l'installation, les champs suivants doivent être configurés :

  • Login (obligatoire) - adresse électronique à utiliser pour l'envoi d'e-mails.
  • Password (obligatoire) - mot de passe de l'adresse e-mail sélectionnée.
  • Server address (obligatoire) - adresse du serveur qui est utilisé pour l'envoi des e-mails. Par défaut : smtp.gmail.com (Gmail).
  • Server port (obligatoire) - numéro de port de l'adresse du serveur sélectionné. Par défaut : 587 (Gmail).
  • Use TLS (non requis) - protocole de sécurité de la couche de transport. Est désactivé par défaut.
  • From Name (non requis) - nom de l'expéditeur à utiliser par défaut.

module_settings

La BP suivante est générée par défaut pour l'utilisation du backend :

  • Custom SMTP: Send email - envoyer le courriel selon les champs donnés :
    • Subject [string] - Objet de l'email ;
    • Body [text] - corps du courriel ;
    • To [email array] - tableau des emails du destinataire ;
    • Сс [email array] - tableau d'emails en copie ;
    • From_name [string] - nom de l'expéditeur ;
    • Bcc [email array] - tableau des destinataires de la copie cachée ;

custom_smtp_send_email

Exemple d'utilisation

Voici un exemple simple d'envoi d'un email de base avec le texte donné à l'email sélectionné lorsque le bouton est pressé.

Nous allons utiliser les paramètres par Gmail dans cet exemple. Tout d'abord, il est nécessaire de préparer Gmail pour l'envoi d'emails via des applications tierces :

  • Ouvrir Gmail les paramètres du compte ;
  • Allez à Forwarding and POP/IMAP onglet ;
  • Basculer sur IMAP Access;
  • Sauvegardez les changements ;

example_1_gmail_settings

Ensuite, installez le module Custom SMTP dans votre projet et le configurer en conséquence.

example_2_module_settings

Une fois le module configuré, créez un compte Endpoint pour Custom SMTP: Send email processus d'affaires :

  • Créer un nouveau Endpoint groupe ;
  • Créez une nouvelle instance de point de terminaison dans le groupe nouvellement créé ;
  • Configurez-la comme dans l'image ci-dessous ;

example_3_endpointAprès cela, vous pouvez commencer à créer le front-end de l'application. Dans cet exemple, la conception ressemble à l'image ci-dessous.

example_4_layout

L'email est envoyé une fois que le bouton est cliqué (onClick) et le processus d'affaires correspondant ressemble à ceci :

example_5_onClick

  • InputEmail Get Properties - obtenir l'adresse électronique du récepteur à partir de Input Email composant ;
  • To Array - convertit l'adresse électronique en un tableau d'adresses, puisque la fonction Server request POST /sendemail/ ne reçoit que des tableaux en entrée ;
  • InputText Get Properties - obtient le texte de l'email à partir du Input Text composant ;
  • Server request POST /sendemail/ - obtient les valeurs des composants d'entrée et exécute Custom SMTP: Send email processus de gestion dans le backend.
Was this article helpful?

AppMaster.io 101 Cours accéléré

10 Modules
2 Semaines

Vous ne savez pas par où commencer ? Lancez-vous avec notre cours accéléré pour débutants et explorez AppMaster de A à Z.

Début du cours
Development it’s so easy with AppMaster!

Besoin d'aide?

Résolvez n'importe quel problème avec l'aide de nos experts. Gagnez du temps et concentrez-vous sur la création de vos applications.

headphones

Contactez le support

Parlez-nous de votre problème et nous vous trouverons une solution.

message

Chat communautaire

Discutez de questions avec d'autres utilisateurs dans notre chat.

Rejoindre la Communauté