logto/packages/connector-smtp

SMTP connector

The official Logto connector for SMTP.

SMTP Logto 官方连接器 中文文档

Table of contents

• SMTP connector
  • Get started
  • Set up SMTP connector
    • Set up for Gmail use
    • Integrate with SendGrid SMTP API
    • Configure with Aliyun direct mail account
    • Test SMTP connector
    • Config types
  • References
• SMTP 连接器
  • 开始上手
  • 设置 SMTP 连接器
    • SMTP 连接器对接 Gmail 的配置
    • 集成 SendGrid SMTP API
    • 针对阿里云邮件帐号的配置
    • 测试 SMTP 连接器
    • 配置类型
  • 参考

Get started

The SMTP (Simple Mail Transfer Protocol) is an internet standard communication protocol for electronic mail transmission. Mail servers and other message transfer agents use SMTP to send and receive messages.

Set up SMTP connector

SMTP is a transmission protocol that is not exclusive to some specific email service providers but can work with all providers.

We are now offering guides on how to use the SMTP connector to send emails following providers for your better understanding:

• Gmail is the most popular email service vendor worldwide.
• Aliyun direct mail and SendGrid mail. Some of you might be familiar with these two email service providers because Logto Team provided corresponding connectors; you will likely have a general idea of them.

We hope you can figure out all other email vendors' setups with the following examples 🚀

Set up for Gmail use

You can get a new Gmail account at Gmail, or you can use an existing account if you have one.

A Gmail official post shows how to determine required properties' values to operate Gmail via an SMTP connector.

By following the post, your connector JSON should be like this:

{
    "host": "smtp.gmail.com",
    "port": 587, // your SMTP port
    "username": "<your-gmail-address>",
    "password": "<password-to-previous-gmail-address>",
    "fromEmail": "<your-gmail-address>",
    "templates": [
        {
            "subject": "<register-template-subject>",
            "content": "<Logto: Your passcode is {{code}}. (regitser template)>",
            "usageType": "Register",
            "contentType": "text/plain"
        }
    ]
}

Integrate with SendGrid SMTP API

Initially, we assume that you already have a SendGrid account. If not, create a new account at the SendGrid website.

You can find a step-by-step guide on "Integrating with the SMTP API".

Developers can access sender details on the "Sender Management".

After going through the guide, your connector JSON should look like this:

{
    "host": "smtp.sendgrid.net",
    "port": 587, // your SMTP port
    "username": "apiKey",
    "password": "<api-key-with-at-least-mail-permission>",
    "fromEmail": "<email-address-of-a-verified-sender>",
    "templates": [
        {
            "subject": "<register-template-subject>",
            "content": "<Logto: Your passcode is {{code}}. (regitser template)>",
            "usageType": "Register",
            "contentType": "text/plain"
        }
    ]
}

Configure with Aliyun direct mail account

Sign in to the Aliyun website. Register a new account if you don't have one.

Follow the Send emails using SMTP guide and finish those 'tasks' to get those required settings and information.

You can go to SMTP service address page to choose a proper SMTP service address host and port number.

To check "Sender Addresses", you can find the entrance on the left-side navigation pane on DirectMail console. You should see Sender address and SMTP Password here.

After going through the guide, your connector JSON should look like this:

{
    "host": "<SMTP-service-address>",
    "port": 1234, // your SMTP port
    "username": "<email-address-of-chosen-sender-address>",
    "password": "<api-key-with-at-least-mail-permission>",
    "fromEmail": "<email-address-of-a-verified-sender-should-be-the-same-as-`username`>",
    "templates": [
        {
            "subject": "<register-template-subject>",
            "content": "<Logto: Your passcode is {{code}}. (regitser template)>",
            "usageType": "Register",
            "contentType": "text/plain"
        }
    ]
}

ℹ️ Note

Only one sample template is provided in the previous cases to keep things simple. You should add more templates for other use cases. You should change values wrapped with "<" and ">" according to your Gmail, SendGrid or Aliyun account settings and choose to keep other fields w/o "<" and ">". Add {{code}} as a placeholder in templates' content to show random passcode in sending emails.

Test SMTP connector

You can type in an email address and click on "Send" to see whether the settings can work before "Save and Done".

That's it. Don't forget to Enable connector in sign-in experience.

Config types

Name	Type
host	string
port	string
username	string
password	string
fromEmail	string
templates	Template[]

Template Properties	Type	Enum values
subject	string	N/A
content	string	N/A
usageType	enum string	'Register' | 'SignIn' | 'Test'
contentType	enum string	'text/plain' | 'text/html'

References

• Gmail - Send email from a printer, scanner, or app
• SendGrid - Integrating with the SMTP API
• Aliyun Direct Mail - Send emails using SMTP
• Aliyun Direct Mail - SMTP Reference

SMTP 连接器

开始上手

SMTP（简单邮件传输协议）是一种在网络中传输电子邮件的标准通信协议。邮件服务器和其他信息传输代理用 SMTP 来收发邮件。

设置 SMTP 连接器

SMTP 是一个所有邮件服务提供商通用的传输协议。

我们提供了 SMTP 连接器用于以下几种邮件服务提供商的使用指南，帮助你有更好的理解：

• Gmail 是世界上最受欢迎的邮件服务商
• 阿里云邮件 和 SendGrid（Logto 提供了对接这两个服务商的连接器，因此你们也许会对这两个服务商比较熟悉并有一个基本概念）

希望在浏览了以下几个案例之后，你能够处理大部分其他邮件服务的配置 🚀

SMTP 连接器对接 Gmail 的配置

你可以使用已有的 Gmail 邮箱或者通过 Gmail 创建一个新的账号。

前往这篇 Gmail 官方帮助文档，查看如何得到 SMTP 连接器调用 Gmail 服务所 必须的 属性。

根据文档的描述，并结合 Logto 的实现，你的 SMTP 连接器配置 JSON 应该如下：

{
    "host": "smtp.gmail.com",
    "port": 587, // your SMTP port
    "username": "<your-gmail-address>",
    "password": "<password-to-previous-gmail-address>",
    "fromEmail": "<your-gmail-address>",
    "templates": [
        {
            "subject": "<register-template-subject>",
            "content": "<Logto: Your passcode is {{code}}. (regitser template)>",
            "usageType": "Register",
            "contentType": "text/plain"
        }
    ]
}

集成 SendGrid SMTP API

我们假设你已经有了 SendGrid 账号，否则就在 SendGrid 创建新账号。

在 集成 SendGrid SMTP API 可以找到详尽的集成指南。

开发者可以前往 Sender Management 以访问相应的 sender 详情。

跟随配置指南，你的连接器配置 JSON 应该如下：

{
    "host": "smtp.sendgrid.net",
    "port": 587, // your SMTP port
    "username": "apiKey",
    "password": "<api-key-with-at-least-mail-permission>",
    "fromEmail": "<email-address-of-a-verified-sender>",
    "templates": [
        {
            "subject": "<register-template-subject>",
            "content": "<Logto: Your passcode is {{code}}. (regitser template)>",
            "usageType": "Register",
            "contentType": "text/plain"
        }
    ]
}

针对阿里云邮件帐号的配置

登录 阿里云 并创建新账号。

跟随 使用 SMTP 发送邮件，完成里面的各个步骤以获取需要的配置和信息。

前往 SMTP 服务地址 并选择合适的 SMTP 服务地址与端口号。

在 阿里云工作台 侧边栏中找到「发信地址」，在这里你可以找到 Sender address 和 SMTP Password。

跟随配置指南，你的连接器配置 JSON 应该如下：

{
    "host": "<SMTP-service-address>",
    "port": 1234, // your SMTP port
    "username": "<email-address-of-chosen-sender-address>",
    "password": "<api-key-with-at-least-mail-permission>",
    "fromEmail": "<email-address-of-a-verified-sender-should-be-the-same-as-`username`>",
    "templates": [
        {
            "subject": "<register-template-subject>",
            "content": "<Logto: Your passcode is {{code}}. (regitser template)>",
            "usageType": "Register",
            "contentType": "text/plain"
        }
    ]
}

ℹ️ 注意

简单起见，前面提及的所有例子都只给出了一个模板样例。如果要满足其他更多场景的使用，你需要自己添加更多模板。 用尖括号 "<" 和 ">" 包起来的值需要根据 Google，SendGrid 或阿里云账号来重新填写，其他的设置可以按需进行调整。 在模板的内容中加上 {{code}} 的占位符以在所发送邮件正文的相同位置插入随机验证码。

测试 SMTP 连接器

你可以在「保存并完成」之前输入一个手机号码并点按「发送」来测试配置是否可以正常工作。

大功告成！快去 启用短信或邮件验证码登录 吧。

配置类型

名称	类型
host	string
port	string
username	string
password	string
fromEmail	string
templates	Template[]

模板属性	类型	枚举值
subject	string	N/A
content	string	N/A
usageType	enum string	'Register' | 'SignIn' | 'Test'
contentType	enum string	'text/plain' | 'text/html'

参考

• Gmail - 从打印机、扫描仪或应用发送电子邮件
• SendGrid - Integrating with the SMTP API
• 阿里云邮件推送 - 使用 SMTP 发送邮件
• 阿里云邮件推送 - SMTP 参考