发邮件

使用 Resend API 从 Edge Functions 发送电子邮件。

🌐 Sending emails from Edge Functions using the Resend API.

先决条件 #

🌐 Prerequisites

要充分利用本指南，你需要：

🌐 To get the most out of this guide, you’ll need to:

• 创建一个 API 密钥
• 验证你的域名

确保你已经安装了最新版本的 Supabase CLI。

🌐 Make sure you have the latest version of the Supabase CLI installed.

1. 创建 Supabase 函数 #

🌐 1. Create Supabase function

在本地创建一个新函数：

🌐 Create a new function locally:

1
supabase functions new resend

将 RESEND_API_KEY 存储到你的 .env 文件中。

🌐 Store the RESEND_API_KEY in your .env file.

2. 编辑处理函数 #

🌐 2. Edit the handler function

把以下代码粘贴到 index.ts 文件里：

🌐 Paste the following code into the index.ts file:

1
import { withSupabase } from 'npm:@supabase/server@^1'
2
3
const RESEND_API_KEY = Deno.env.get('RESEND_API_KEY')
4
5
const handler = async (_request: Request): Promise<Response> => {
6
  const res = await fetch('https://api.resend.com/emails', {
7
    method: 'POST',
8
    headers: {
9
      'Content-Type': 'application/json',
10
      Authorization: `Bearer ${RESEND_API_KEY}`,
11
    },
12
    body: JSON.stringify({
13
      from: 'onboarding@resend.dev',
14
      to: 'delivered@resend.dev',
15
      subject: 'hello world',
16
      html: '<strong>it works!</strong>',
17
    }),
18
  })
19
20
  const data = await res.json()
21
22
  return Response.json(data)
23
}
24
25
export default { fetch: withSupabase({ auth: ['user', 'secret'] }, handler) }

3. 部署并发送邮件 #

🌐 3. Deploy and send email

在本地运行函数：

🌐 Run function locally:

1
supabase start
2
supabase functions serve --no-verify-jwt --env-file .env

该函数接受已登录用户的 JWT 或一个密钥，因此可以通过你的应用（通过 supabase.functions.invoke）或从数据库函数触发。在本地使用密钥进行测试：

🌐 The function accepts a signed-in user's JWT or a secret key, so it can be triggered from your app (via supabase.functions.invoke) or from a database function. Test it locally with a secret key:

1
curl -i --request POST 'http://localhost:54321/functions/v1/resend' \
2
  --header 'apikey: <SUPABASE_SECRET_KEY>'

将函数部署到 Supabase：

🌐 Deploy function to Supabase:

1
supabase functions deploy resend --no-verify-jwt

4. 你自己试试 #

🌐 4. Try it yourself

在 GitHub 上查看完整示例。

🌐 Find the complete example on GitHub.