> ## Documentation Index
> Fetch the complete documentation index at: https://lovable.generaltranslation.app/llms.txt
> Use this file to discover all available pages before exploring further.
# Resend 集成
> 了解如何在 Lovable 应用中集成 Resend
## 什么是 Resend？
[Resend](https://resend.com/emails) 是一款为开发者打造的电子邮件 API。它专注于高送达率、易集成性，以及在发送事务类和营销邮件时提供简洁流畅的开发体验。
## 分步教程
VIDEO
本教程会在不到一小时内，引导你构建一个功能完整的 CRM——包括线索收集、邮件确认、订阅电子简报，以及内部管理后台。你将会使用：
* **Lovable**：用于生成前端和后端逻辑。
* **Supabase**：用于安全的数据存储和身份验证。
* **Resend**：用于自动化并跟踪事务类和营销类电子邮件。
现在开始吧。
使用 Lovable 的 AI 为你的产品或服务快速生成落地页。
**操作指南：**
新建一个 Lovable 项目。
创建一个 SaaS 落地页，其中包含一个联系表单，用于收集姓名、邮箱和留言。
检查生成的代码，或使用选择工具微调各个元素。
添加输入验证以及一个 `message` 字段，以提升用户体验。
Supabase 作为你的安全后端数据库。
创建一个免费的 Supabase 账户并新建一个项目。
在 Lovable 中，使用 API 密钥连接你的 Supabase 项目。
* `id`: UUID，主键
* `name`: text
* `email`: text
* `message`: text
* `created_at`: timestamp
修改表单提交逻辑，将数据插入 Supabase。
应用 Supabase 行级安全（RLS）策略，将访问权限限制为仅通过身份验证的用户。
设置 [Resend]()，在每次有潜在客户提交表单时自动发送确认邮件。
在 [Resend](https://resend.com) 上注册并验证你的自定义域名。
* 系统会要求你更新 DNS 记录（TXT、MX）。
* 使用 `updates.domain.com` 之类的子域名，以更好地管理邮件发送声誉。
通过环境设置或后端函数，在 Lovable 中集成 API 密钥。
使用 Resend 的 SDK 在表单提交时发送确认邮件。
使用 [React Email](https://react.email)（同样由 Resend 提供），通过可复用组件自定义邮件的外观和样式。
仅允许已通过认证的用户查看和管理潜在客户。
在 Lovable 中创建一个 `/admin` 路由。
启用 Supabase 的邮箱/密码登录身份验证。
显示包含以下列的 `contacts` 表：
* 姓名
* 邮箱
* 消息预览
* 提交日期
添加一个详情面板（例如滑出面板），在点击某一行时显示完整的联系人信息。
添加重定向逻辑，使未通过认证的用户被重定向到 `/login`。
让你的团队能够发送个性化的跟进邮件。
在联系人详情面板中，添加一个**文本字段**和**预定义模板**（例如 “Thanks for signing up!”）。
添加一个**发送按钮**并将其连接到 Resend。
将每封已发送邮件存储在 Supabase 中的 `sent_emails` 表中：
* `contact_id`
* `subject`
* `body`
* `sent_at`
这样你就会拥有一份可搜索的所有跟进消息日志。
使用 Resend 的 **Audiences** 来管理订阅者并发送群发邮件。
在你的落地页上添加一个用于订阅新闻通讯的表单。
当用户提交表单后：
* 通过 API 创建一个 Resend 联系人
* （可选）同时在 Supabase 中本地存储该联系人
使用 Resend 的群发邮件界面来设计并发送新闻通讯。
* 内置退订逻辑
* 表现洞察（打开率、送达状态）
在合规方面（例如 GDPR），请考虑实现一个 **双重订阅确认（double opt-in）** 流程。
前往 [Resend 的 Supabase 集成页面](https://resend.com/integrations/supabase)。
使用你的 Supabase 项目完成身份验证。
选择要使用的域名以及发件人名称/邮箱地址。
Resend 会自动配置 SMTP，并替换 Supabase 的默认邮件系统。
现在你可以在 Supabase 控制台中自定义验证邮件模板。
在不到一小时内，你就已经搭建好了一个现代化的 CRM，具备：
* 着陆页和联系表单
* 数据库驱动的线索存储
* 自动邮件确认
* 用于管理线索的管理后台
* 自定义邮件回复
* 新闻通讯群发
* 身份认证和邮箱验证
## 想更进一步？
* 通过 Supabase 的 cron 任务添加 **定时邮件** 功能
* 构建 **自动化流程**，根据线索阶段触发邮件
* 优化你的 UI 样式，提升品牌信任感和转化率
## Resend 集成常见问题
Resend 是为开发者打造的电子邮件 API。它专注于高送达率、易于集成，以及在发送事务型和营销邮件时提供简洁顺畅的开发者体验。
不需要。你可以完全使用 **Resend 的免费套餐** 完成整个 CRM 设置，它支持从已验证域名发送邮件，并支持最多 3,000 个营销邮件联系人。
进入 Resend → **Domains** → 添加你的域名。系统会提供 DNS 记录（TXT、MX），你需要通过 DNS 服务提供商（如 Cloudflare、Namecheap）添加这些记录。添加完成后，点击 **Verify**。
建议使用类似 `updates.yourdomain.com` 这样的子域名，以隔离你的发信信誉。
常见原因包括：
* 你还没有验证域名
* 邮件缺少纯文本版本
* 你使用了通用发件人地址，比如 `onboarding@resend.dev`
* 你没有遵循最佳实践（例如在营销邮件中缺少退订链接）
使用 Resend 的 **Deliverability Insights** 面板获取可执行的优化建议。
可以。使用 [React Email](https://react.email/)——由 Resend 团队开发的开源库——通过 React 组件设计带样式的响应式邮件。
Resend **两者都支持**：
* **事务型邮件**（确认、重置、通知），通过 API 或 SDK 发送。
* **营销邮件**，通过 **Broadcast** 功能和 **Audiences** 实现。
你可以在仪表盘中创建、预览并跟踪活动。
使用 **Audiences**（受众列表）：
* 手动添加联系人、通过 CSV 导入，或使用 API 以编程方式添加。
* 每个 Audience 都有唯一 ID，你可以用它来关联订阅关系。
* 用户可以通过 Resend 内置的退订链接自动退订。
默认不支持，但你可以手动实现：
1. 用户提交表单后，先发送一封确认邮件。
2. 在邮件中要求用户点击链接。
3. 用户点击后，确认其订阅并将其加入你的 Resend audience。
目前还不行。Resend 目前尚不支持滴灌式营销活动或自动化邮件序列。
变通方案：
使用 **Supabase Cron Jobs** 来调度任务，在设定的时间间隔触发 Resend 邮件发送。
使用 Resend 提供的官方 Supabase 集成（Supabase Integration）：
1. 使用你的 Supabase 项目进行身份验证。
2. 提供域名和发件人名称。
3. Resend 会自动配置你的 Supabase Auth 邮件，使其通过你的 Resend 账户发送。
Resend 会自动处理退订：
* 你必须在群发邮件中包含退订链接。
* 当用户退订后，他们会从所选 audience 中移除。
* 这是电子邮件合规要求的一部分（例如 CAN-SPAM、GDPR）。
想优化 Supabase 默认的邮箱验证（目前每小时最多只能发送 4 封邮件）吗？
* **错误处理**：Lovable 可能会显示实际上并不存在的构建错误。务必在实际运行环境中测试你的功能。
* **使用 Supabase 回滚**：如果在 Lovable 中回滚代码，记得手动删除关联的 Supabase 策略或迁移——这些内容不会被自动回滚。
* **投递率优化建议**：
* 使用子域名来隔离发信声誉。
* 始终在邮件中包含纯文本版本。
* 使用 Resend 的 Insights 仪表盘监控邮件表现。