Grow with AppMaster Grow with AppMaster.
Become our partner arrow ico

配置自定义 SMTP 模块

配置自定义 SMTP 模块

自定义 SMTP 模块添加了基本设置,允许您直接从应用程序发送电子邮件。

要使发送信件的表格出现在应用程序中,您需要添加缺少的设置和必要的元素。动作算法如下:

  1. 添加信函表单所在的页面或窗口。
  2. 连接模块,为其添加 SMTP 服务器参数,以及您的用户名和密码。
  3. 创建与模块相关的业务流程、端点和表单。

让我们以 Gmail 邮件服务为例,展示如何在 Web 应用程序中执行此操作。

创建一个页面

转到编辑器并创建一个您将发布的新页面。指明您的页面名称(“标题”)、其地址(“页面 URL”)以及可以发送消息的用户组(“显示为组”)。点击“保存”。

保存更改并转到模块块。

添加和配置模块

在 Marketplace 选项卡中找到 Custom SMTP 模块,然后单击 Install 按钮将其添加到应用程序中。

转到“已安装”选项卡,您的应用程序中安装的所有模块都位于此处,然后单击“自定义 SMTP”框以打开其设置。有关模块的基本信息和从应用程序中删除它的按钮显示在左侧。右侧是您需要填写的字段:

  1. 在“登录”和“密码”字段中输入您将发送消息的邮箱数据。
  2. 指定 SMTP 连接设置 - 它们对于每个电子邮件服务都是不同的。默认情况下,Gmail 设置会添加到模块中。
  3. 在“发件人姓名”字段中,输入将显示给信件收件人的姓名。

重要的!要通过 Gmail 发送邮件,您需要在您的 Google 帐户中启用第三方应用程序。

有关什么是模块、如何更新和自定义它们的更多信息, 请参阅我们的文档

请记住保存您的更改。

创建业务流程、端点和表单

业务流程端点和表单是相互关联的元素,对于一致地设置很重要。通过相互交互,他们将完成您的应用程序的配置 - 发送消息的表单将出现在页面上。

您可以在我们的文档中阅读有关这些元素的更多信息

业务流程

转到“业务逻辑”选项卡并单击按钮以创建新的业务流程。

输入进程的名称(必填)、其描述(可选),然后单击“创建”按钮。

编辑器中的每个业务流程在视觉上被划分为块 - 负责不同功能的组成部分。创建新进程时,“开始”和“结束”会自动出现在其中。您可以添加的所有其他块将显示在左侧。

安装后,“自定义 SMTP”模块将“自定义 SMTP:发送电子邮件”添加到此列表中。要将此块包含在业务流程中,请使用鼠标指针将其拖到编辑器字段中。将出现“自定义 SMTP:发送电子邮件”窗口,其中的字段包含您未来的消息发送表单的内容所依赖的变量:

  • “主题” - 信件的主题;
  • “正文” - 包含字母文本的字段;
  • “收件人” - 收件人的地址;
  • “抄送” - 发送副本的地址;
  • “发件人姓名” - 发件人的姓名;
  • “Bcc”是发送密件抄送的地址。

现在您需要链接“开始”、“自定义 SMTP:发送电子邮件”和“结束” - 以表明它们构成一个单一的业务流程:

1. 将鼠标指针移至“开始”区块中的“开始”字段,按住鼠标左键,滑动至“自定义 SMTP:发送电子邮件”区块中的“输入”字段 - 之间形成连接块。

2. 同样,在“Custom SMTP: Send Email”块的“Out”字段和“End”块的“End”字段之间创建一个链接

现在,在“开始”块中,您需要创建新字段(变量)并将它们与“自定义 SMTP:发送电子邮件”块中的变量相关联。您添加到“开始”块的字段将出现在您的消息提交表单中。假设您不会发送副本和密件,因此“开始”块将包含以下字段:

  • “发件人”(发件人姓名)- 与 from_name 关联;
  • “地址”(发送给谁) - 与“收件人”相关联;
  • “主题”(主题); - 与“主题”相关联(不同块中的变量名称可能相同);
  • “消息”(信件的文本) - 与“正文”相关联。

要绑定变量,它们必须在类型上相互匹配。可以通过单击包含变量的块并打开编辑菜单来查看变量的类型。


在块的字段中,每个变量旁边都有一个图标,其颜色和形状取决于其类型 - 以便于在其中导航。在我们的示例中,有两种类型的变量:

  • “Subject”、“body”和“from_name”属于“String”类型,
  • To、cc 和 bcc 是电子邮件数组类型。

创建变量

要在“开始”块中创建第一个变量,请单击它 - 将显示一个列表(当它为空时)。点击“+”。

在打开的窗口中,输入变量的名称:名称“sender”,键入“String”。点击“创建”。

同样添加“地址”、“主题”和“消息”。现在“开始”块中的变量列表如下所示:

将它们链接到自定义 SMTP:发送电子邮件块中的相应变量:

这就是变量之间的关系最终应该是什么样子的。保存您的更改并继续创建端点。

端点

点击“创建端点”——你会发现自己在“业务逻辑”选项卡上的设置中,这里你需要指定以下设置:

  • “端点路由” - 端点的名称,您将通过它了解其功能;
  • “端点组” - 它将所在的组的名称;
  • “请求类型”——选择“POST”;
  • “业务流程” - 选择您创建的 send_email 业务流程。

然后转到“中间件”选项卡。

在“中间件”选项卡上,您需要配置使用此端点执行操作的权限(因此,启动关联的业务流程)。换句话说,您将指定谁可以从您的应用程序中发送电子邮件。为此,您需要更改“Token Auth”授权令牌的设置。

注意力!如果不更改此设置,则所有用户都将有权发送电子邮件!

单击“令牌验证”旁边的齿轮图标。在打开的窗口中,打开选择器,在“允许的组”字段中,选择“管理员”组(或您要授予访问权限的任何其他组)。点击“保存”


现在通过单击“创建”保存端点。

配置消息发送进程。现在您可以创建消息提交表单的可视化表示。

形式

要创建表单,请返回 Web 应用程序编辑器,返回您之前创建的选项卡。将表单元素拖到页面画布上。

在打开的窗口中,单击“创建记录”,可用端点列表将显示在“保存记录到”字段中 - 选择您刚刚创建的端点。单击“分配”。

您创建的形状出现在画布上。单击齿轮图像以转到其设置。

在“外观和费用”选项卡上,在“标题”字段中输入表单的标题。您还可以在此处更改其外观并查看其在设置中记录的名称。

在“数据”选项卡上 - 有关表单模式和端点的信息。同样在这里,您可以通过相对于彼此移动字段来更改字段的位置。

按逻辑顺序排列字段:发件人、地址、主题、消息。要更改每个字段的详细设置(例如,它的名称) - 单击它旁边的齿轮图标。单击“保存”以保存您的更改。

为表单添加按钮

要使表单正常工作,您需要添加一个提交确认按钮。使用“按钮”元素 - 用鼠标指针将其拖动到表单下方的区域。

通过单击打开按钮设置。在“外观”选项卡上,更改“标签”(将在应用程序中显示的按钮的名称)和“名称”(将显示在设置中的名称)。

在“触发器”选项卡上,向 onClick 触发器添加一个操作:在“目标”字段中,选择您的表单,在“操作”字段中,选择“提交表单”。点击“保存”。

保存、发布和验证

保存所做的所有更改,发布它们,单击转到应用程序图标。

输入数据以发送消息。如果您将发件人字段留空,则会自动添加您在模块设置中输入的名称。向您有权访问的任何电子邮件地址发送测试消息。

发送后,应出现一条确认消息,并在收件箱文件夹中的收件人处出现一封带有指定数据的信件。

如果您按照说明进行了所有操作,但没有确认出现错误或信件最终出现在“垃圾邮件”文件夹中,请写信给我们的技术支持电报频道。


相关帖子

无代码 AI 应用构建器如何帮助您创建自定义业务软件
无代码 AI 应用构建器如何帮助您创建自定义业务软件
探索无代码 AI 应用构建器在创建自定义业务软件方面的强大功能。探索这些工具如何实现高效开发并使软件创建民主化。
如何使用可视化映射程序提高生产力
如何使用可视化映射程序提高生产力
使用可视化映射程序提高您的工作效率。揭示通过可视化工具优化工作流程的技术、优势和可操作的见解。
面向初学者的可视化编程语言综合指南
面向初学者的可视化编程语言综合指南
探索专为初学者设计的可视化编程语言的世界。了解它们的优势、主要功能、常见示例以及它们如何简化编码。
免费开始
有灵感自己尝试一下吗?

了解 AppMaster 强大功能的最佳方式是亲身体验。免费订阅,在几分钟内制作您自己的应用程序

将您的想法变为现实