MoeMail Logo

一个基于 NextJS + Cloudflare 技术栈构建的可爱临时邮箱服务🎉

简体中文 | English

在线演示 • 文档 • 特性 • 技术栈 • 本地运行 • 部署 • 邮箱域名配置 • 权限系统 • 系统设置 • 发件功能 • Webhook 集成 • OpenAPI • 环境变量 • Github OAuth App 配置 • Google OAuth App 配置 • 贡献 • 许可证 • 交流群 • 支持

https://moemail.app

首页

邮箱

个人中心

完整文档: https://docs.moemail.app

文档站点包含详细的使用指南、API 文档、部署教程等完整信息。

• 🔒 隐私保护:保护您的真实邮箱地址,远离垃圾邮件和不必要的订阅
• ⚡ 实时收件:自动轮询,即时接收邮件通知
• ⏱️ 灵活有效期:支持 1 小时、24 小时、3 天或永久有效
• 🎨 主题切换:支持亮色和暗色模式
• 📱 响应式设计:完美适配桌面和移动设备
• 🔄 自动清理:自动清理过期的邮箱和邮件
• 📱 PWA 支持:支持 PWA 安装
• 💸 免费自部署:基于 Cloudflare 构建, 可实现免费自部署,无需任何费用
• 🎉 可爱的 UI:简洁可爱萌萌哒 UI 界面
• 📤 发件功能:支持使用临时邮箱发送邮件,基于 Resend 服务
• 🔔 Webhook 通知:支持通过 webhook 接收新邮件通知
• 🛡️ 权限系统:支持基于角色的权限控制系统
• 🔑 OpenAPI:支持通过 API Key 访问 OpenAPI
• 🌍 多语言支持:支持中文和英文界面,可自由切换

• 框架: Next.js (App Router)
• 平台: Cloudflare Pages
• 数据库: Cloudflare D1 (SQLite)
• 认证: NextAuth 配合 GitHub 登录
• 样式: Tailwind CSS
• UI 组件: 基于 Radix UI 的自定义组件
• 邮件处理: Cloudflare Email Workers
• 类型安全: TypeScript
• ORM: Drizzle ORM
• 国际化: next-intl 支持多语言

• Node.js 18+
• Pnpm
• Wrangler CLI
• Cloudflare 账号

1. 克隆仓库:

git clone https://github.com/beilunyang/moemail.git
cd moemail

2. 安装依赖:

pnpm install

3. 设置 wrangler:

cp wrangler.example.json wrangler.json
cp wrangler.email.example.json wrangler.email.json
cp wrangler.cleanup.example.json wrangler.cleanup.json

设置 Cloudflare D1 数据库名以及数据库 ID

4. 设置环境变量:

cp .env.example .env.local

设置 AUTH_GITHUB_ID, AUTH_GITHUB_SECRET, AUTH_SECRET

5. 创建本地数据库表结构

pnpm db:migrate-local

1. 启动开发服务器:

pnpm dev

2. 测试邮件 worker: 目前无法本地运行并测试,请使用 wrangler 部署邮件 worker 并测试

pnpm deploy:email

3. 测试清理 worker:

pnpm dev:cleanup
pnpm test:cleanup

4. 生成 Mock 数据(邮箱以及邮件消息)

pnpm generate-test-data

https://www.bilibili.com/video/BV19wrXY2ESM/

1. 创建 .env 文件

cp .env.example .env

2. 在 .env 文件中设置环境变量

3. 运行部署脚本

pnpm dlx tsx ./scripts/deploy/index.ts

本项目可使用 GitHub Actions 实现自动化部署。支持以下触发方式:

1. 自动触发:推送新的 tag 时自动触发部署流程
2. 手动触发:在 GitHub Actions 页面手动触发

1. 在 GitHub 仓库设置中添加以下 Secrets:

   • CLOUDFLARE_API_TOKEN: Cloudflare API 令牌
   • CLOUDFLARE_ACCOUNT_ID: Cloudflare 账户 ID
   • AUTH_GITHUB_ID: GitHub OAuth App ID
   • AUTH_GITHUB_SECRET: GitHub OAuth App Secret
   • AUTH_SECRET: NextAuth Secret,用来加密 session,请设置一个随机字符串
   • CUSTOM_DOMAIN: 网站自定义域名,用于访问 MoeMail (可选, 如果不填, 则会使用 Cloudflare Pages 默认域名)
   • PROJECT_NAME: Pages 项目名 (可选,如果不填,则为 moemail)
   • DATABASE_NAME: D1 数据库名称 (可选,如果不填,则为 moemail-db)
   • KV_NAMESPACE_NAME: Cloudflare KV namespace 名称,用于存储网站配置 (可选,如果不填,则为 moemail-kv)

2. 选择触发方式:

   方式一:推送 tag 触发

   # 创建新的 tag
   git tag v1.0.0
   # 推送 tag 到远程仓库
   git push origin v1.0.0

   方式二:手动触发

   • 进入仓库的 Actions 页面
   • 选择 "Deploy" workflow
   • 点击 "Run workflow"

3. 部署进度可以在仓库的 Actions 标签页查看

• 确保所有 Secrets 都已正确设置
• 使用 tag 触发时,tag 必须以 v 开头(例如:v1.0.0)

Deploy to Cloudflare Workers

在 MoeMail 个人中心页面,可以配置网站的邮箱域名,支持多域名配置,多个域名用逗号分隔 邮箱域名配置

为了使邮箱域名生效,还需要在 Cloudflare 控制台配置邮件路由,将收到的邮件转发给 Email Worker 处理。

1. 登录 Cloudflare 控制台
2. 选择您的域名
3. 点击左侧菜单的 "电子邮件" -> "电子邮件路由"
4. 如果显示 "电子邮件路由当前被禁用,没有在路由电子邮件",请点击 "启用电子邮件路由" 启用电子邮件路由
5. 点击后,会提示你添加电子邮件路由 DNS 记录,点击 "添加记录并启用" 即可 添加电子邮件路由 DNS 记录
6. 配置路由规则:
   • Catch-all 地址: 启用 "Catch-all"
   • 编辑 Catch-all 地址
   • 操作: 选择 "发送到 Worker"
   • 目标位置: 选择刚刚部署的 "email-receiver-worker"
   • 保存 配置路由规则

• 确保域名的 DNS 托管在 Cloudflare
• Email Worker 必须已经部署成功
• 如果 Catch-All 状态不可用(一直 loading),请点击路由规则旁边的目标地址, 进去绑定一个邮箱

本项目采用基于角色的权限控制系统(RBAC)。

新用户默认角色由皇帝在个人中心的网站设置中配置:

• 公爵:新用户将获得临时邮箱、Webhook 配置权限以及 API Key 管理权限
• 骑士:新用户将获得临时邮箱和 Webhook 配置权限
• 平民:新用户无任何权限,需要等待皇帝册封为骑士或公爵

系统包含四个角色等级:

1. 皇帝(Emperor)

   • 网站所有者
   • 拥有所有权限
   • 每个站点只能有一个皇帝

2. 公爵(Duke)

   • 超级用户
   • 可以使用临时邮箱功能
   • 可以配置 Webhook
   • 可以使用创建 API Key 调用 OpenAPI
   • 可以被皇帝贬为骑士或平民

3. 骑士(Knight)

   • 高级用户
   • 可以使用临时邮箱功能
   • 可以配置 Webhook
   • 可以被皇帝贬为平民或册封为公爵

4. 平民(Civilian)

   • 普通用户
   • 无任何权限
   • 可以被皇帝册封为骑士或者公爵

1. 成为皇帝

   • 第一个访问 /api/roles/init-emperor 接口的用户将成为皇帝,即网站所有者
   • 站点已有皇帝后,无法再提升其他用户为皇帝

2. 角色变更

   • 皇帝可以在个人中心页面将其他用户设为公爵、骑士或平民

• 邮箱管理:创建和管理临时邮箱
• Webhook 管理:配置邮件通知的 Webhook
• API Key 管理:创建和管理 API 访问密钥
• 用户管理:升降用户角色
• 系统设置:管理系统全局设置

系统设置存储在 Cloudflare KV 中,包括以下内容:

• DEFAULT_ROLE: 新注册用户默认角色,可选值为 CIVILIAN、KNIGHT、DUKE
• EMAIL_DOMAINS: 支持的邮箱域名,多个域名用逗号分隔
• ADMIN_CONTACT: 管理员联系方式
• MAX_EMAILS: 每个用户可创建的最大邮箱数量

皇帝角色可以在个人中心页面设置

MoeMail 支持使用临时邮箱发送邮件,基于 Resend 服务。

• 📨 临时邮箱发件:可以使用创建的临时邮箱作为发件人发送邮件
• 🎯 角色权限控制:不同角色有不同的每日发件限制
• 💌 支持 HTML:支持发送富文本格式邮件

💡 提示:皇帝可以在个人中心的邮件服务配置中自定义公爵和骑士的每日发件限制。

1. 获取 Resend API Key

   • 访问 Resend 官网 注册账号
   • 在控制台中创建 API Key
   • 复制 API Key 供后续配置使用

2. 配置发件服务

   • 皇帝角色登录 MoeMail
   • 进入个人中心页面
   • 在"Resend 发件服务配置"部分:
     • 启用发件服务开关
     • 填入 Resend API Key
     • 设置公爵和骑士的每日发件限制(可选)
   • 点击保存配置

3. 验证配置

   • 配置保存后,有权限的用户在邮箱列表页面会看到"发送邮件"按钮
   • 点击按钮可以打开发件对话框进行测试

1. 创建临时邮箱

   • 在邮箱页面创建一个新的临时邮箱

2. 发送邮件

   • 在邮箱列表中找到要使用的邮箱
   • 点击邮箱旁边的"发送邮件"按钮
   • 在弹出的对话框中填写:
     • 收件人邮箱地址
     • 邮件主题
     • 邮件内容(支持 HTML 格式)
   • 点击"发送"按钮

3. 查看发送记录

   • 发送的邮件会自动保存到对应邮箱的消息列表中
   • 可以在邮箱详情页面查看所有发送和接收的邮件

• 📋 Resend 限制:请注意 Resend 服务的发送限制和定价政策
• 🔐 域名验证:使用自定义域名发件需要在 Resend 中验证域名
• 🚫 反垃圾邮件:请遵守邮件发送规范,避免发送垃圾邮件
• 📊 配额监控:系统会自动统计每日发件数量,达到限额后将无法继续发送
• 🔄 配额重置:每日发件配额在每天 00:00 自动重置

当收到新邮件时,系统会向用户配置并且已启用的 Webhook URL 发送 POST 请求。

Content-Type: application/json
X-Webhook-Event: new_message

{
 "emailId": "email-uuid",
 "messageId": "message-uuid",
 "fromAddress": "sender@example.com",
 "subject": "邮件主题",
 "content": "邮件文本内容",
 "html": "邮件HTML内容",
 "receivedAt": "2024年01月01日T12:00:00.000Z",
 "toAddress": "your-email@moemail.app"
}

1. 点击个人头像,进入个人中心
2. 在个人中心启用 Webhook
3. 设置接收通知的 URL
4. 点击测试按钮验证配置
5. 保存配置后即可接收新邮件通知

项目提供了一个简单的测试服务器, 可以通过如下命令运行:

pnpm webhook-test-server

测试服务器会在本地启动一个 HTTP 服务器,监听 3001 端口(http://localhost:3001), 并打印收到的 Webhook 消息详情。

如果需要进行外网测试,可以通过 Cloudflare Tunnel 将服务暴露到外网:

pnpx cloudflared tunnel --url http://localhost:3001

• Webhook 接口应在 10 秒内响应
• 非 2xx 响应码会触发重试

本项目提供了 OpenAPI 接口,支持通过 API Key 进行访问。API Key 可以在个人中心页面创建(需要是公爵或皇帝角色)。

在请求头中添加 API Key:

X-API-Key: YOUR_API_KEY

GET /api/config

返回响应:

{
 "defaultRole": "CIVILIAN",
 "emailDomains": "moemail.app,example.com",
 "adminContact": "admin@example.com",
 "maxEmails": "10"
}

响应字段说明:

• defaultRole: 新用户默认角色,可选值:CIVILIAN(平民)、KNIGHT(骑士)、DUKE(公爵)
• emailDomains: 支持的邮箱域名,多个域名用逗号分隔
• adminContact: 管理员联系方式
• maxEmails: 每个用户可创建的最大邮箱数量

POST /api/emails/generate
Content-Type: application/json
{
 "name": "test",
 "expiryTime": 3600000,
 "domain": "moemail.app"
}

参数说明:

• name: 邮箱前缀,可选
• expiryTime: 有效期(毫秒),可选值:3600000(1小时)、86400000(1天)、604800000(7天)、0(永久)
• domain: 邮箱域名,可通过 /api/config 接口获取

返回响应:

{
 "id": "email-uuid-123",
 "email": "test@moemail.app"
}

响应字段说明:

• id: 邮箱的唯一标识符
• email: 创建的邮箱地址

GET /api/emails?cursor=xxx

参数说明:

• cursor: 分页游标,可选

返回响应:

{
 "emails": [
 {
 "id": "email-uuid-123",
 "address": "test@moemail.app",
 "createdAt": "2024年01月01日T12:00:00.000Z",
 "expiresAt": "2024年01月02日T12:00:00.000Z",
 "userId": "user-uuid-456"
 }
 ],
 "nextCursor": "encoded-cursor-string",
 "total": 5
}

响应字段说明:

• emails: 邮箱列表数组
• nextCursor: 下一页游标,用于分页请求
• total: 邮箱总数量

GET /api/emails/{emailId}?cursor=xxx

参数说明:

• emailId: 邮箱的唯一标识符,必填
• cursor: 分页游标,可选

返回响应:

{
 "messages": [
 {
 "id": "message-uuid-789",
 "from_address": "sender@example.com",
 "subject": "邮件主题",
 "received_at": 1704110400000
 }
 ],
 "nextCursor": "encoded-cursor-string",
 "total": 3
}

响应字段说明:

• messages: 邮件列表数组
• nextCursor: 下一页游标,用于分页请求
• total: 邮件总数量

DELETE /api/emails/{emailId}

参数说明:

• emailId: 邮箱的唯一标识符,必填

返回响应:

{
 "success": true
}

响应字段说明:

• success: 删除操作是否成功

GET /api/emails/{emailId}/{messageId}

参数说明:

• emailId: 邮箱的唯一标识符,必填
• messageId: 邮件的唯一标识符,必填

返回响应:

{
 "message": {
 "id": "message-uuid-789",
 "from_address": "sender@example.com",
 "subject": "邮件主题",
 "content": "邮件文本内容",
 "html": "<p>邮件HTML内容</p>",
 "received_at": 1704110400000
 }
}

响应字段说明:

• message: 邮件详细信息对象
• id: 邮件的唯一标识符
• from_address: 发件人邮箱地址
• subject: 邮件主题
• content: 邮件纯文本内容
• html: 邮件HTML内容
• received_at: 接收时间(时间戳)

POST /api/emails/{emailId}/share
Content-Type: application/json
{
 "expiresIn": 86400000
}

参数说明:

• emailId: 邮箱的唯一标识符,必填
• expiresIn: 分享链接有效期(毫秒),0 表示永久有效,可选

返回响应:

{
 "id": "share-uuid-123",
 "emailId": "email-uuid-123",
 "token": "abc123def456",
 "expiresAt": "2024年01月02日T12:00:00.000Z",
 "createdAt": "2024年01月01日T12:00:00.000Z"
}

响应字段说明:

• id: 分享记录的唯一标识符
• emailId: 关联的邮箱 ID
• token: 分享链接的访问令牌
• expiresAt: 分享链接过期时间,null 表示永久有效
• createdAt: 创建时间

分享链接访问地址:https://your-domain.com/shared/{token}

GET /api/emails/{emailId}/share

参数说明:

• emailId: 邮箱的唯一标识符,必填

返回响应:

{
 "shares": [
 {
 "id": "share-uuid-123",
 "emailId": "email-uuid-123",
 "token": "abc123def456",
 "expiresAt": "2024年01月02日T12:00:00.000Z",
 "createdAt": "2024年01月01日T12:00:00.000Z"
 }
 ],
 "total": 1
}

响应字段说明:

• shares: 分享链接列表数组
• total: 分享链接总数

DELETE /api/emails/{emailId}/share/{shareId}

参数说明:

• emailId: 邮箱的唯一标识符,必填
• shareId: 分享记录的唯一标识符,必填

返回响应:

{
 "success": true
}

响应字段说明:

• success: 删除操作是否成功

POST /api/emails/{emailId}/messages/{messageId}/share
Content-Type: application/json
{
 "expiresIn": 86400000
}

参数说明:

• emailId: 邮箱的唯一标识符,必填
• messageId: 邮件的唯一标识符,必填
• expiresIn: 分享链接有效期(毫秒),0 表示永久有效,可选

返回响应:

{
 "id": "share-uuid-456",
 "messageId": "message-uuid-789",
 "token": "xyz789ghi012",
 "expiresAt": "2024年01月02日T12:00:00.000Z",
 "createdAt": "2024年01月01日T12:00:00.000Z"
}

响应字段说明:

• id: 分享记录的唯一标识符
• messageId: 关联的邮件 ID
• token: 分享链接的访问令牌
• expiresAt: 分享链接过期时间,null 表示永久有效
• createdAt: 创建时间

分享链接访问地址:https://your-domain.com/shared/message/{token}

GET /api/emails/{emailId}/messages/{messageId}/share

参数说明:

• emailId: 邮箱的唯一标识符,必填
• messageId: 邮件的唯一标识符,必填

返回响应:

{
 "shares": [
 {
 "id": "share-uuid-456",
 "messageId": "message-uuid-789",
 "token": "xyz789ghi012",
 "expiresAt": "2024年01月02日T12:00:00.000Z",
 "createdAt": "2024年01月01日T12:00:00.000Z"
 }
 ],
 "total": 1
}

响应字段说明:

• shares: 分享链接列表数组
• total: 分享链接总数

DELETE /api/emails/{emailId}/messages/{messageId}/share/{shareId}

参数说明:

• emailId: 邮箱的唯一标识符,必填
• messageId: 邮件的唯一标识符,必填
• shareId: 分享记录的唯一标识符,必填

返回响应:

{
 "success": true
}

响应字段说明:

• success: 删除操作是否成功

使用 curl 创建临时邮箱:

curl -X POST https://your-domain.com/api/emails/generate \
 -H "X-API-Key: YOUR_API_KEY" \
 -H "Content-Type: application/json" \
 -d '{
 "name": "test",
 "expiryTime": 3600000,
 "domain": "moemail.app"
 }'

使用 JavaScript 获取邮件列表:

const res = await fetch('https://your-domain.com/api/emails/your-email-id', {
 headers: {
 'X-API-Key': 'YOUR_API_KEY'
 }
});
const data = await res.json();

使用 curl 创建邮箱分享链接:

curl -X POST https://your-domain.com/api/emails/your-email-id/share \
 -H "X-API-Key: YOUR_API_KEY" \
 -H "Content-Type: application/json" \
 -d '{
 "expiresIn": 86400000
 }'

使用 JavaScript 创建邮件分享链接:

const res = await fetch('https://your-domain.com/api/emails/your-email-id/messages/your-message-id/share', {
 method: 'POST',
 headers: {
 'X-API-Key': 'YOUR_API_KEY',
 'Content-Type': 'application/json'
 },
 body: JSON.stringify({
 expiresIn: 0 // 永久有效
 })
});
const data = await res.json();
console.log('分享链接:', `https://your-domain.com/shared/message/${data.token}`);

本项目使用以下环境变量:

• AUTH_GITHUB_ID: GitHub OAuth App ID
• AUTH_GITHUB_SECRET: GitHub OAuth App Secret
• AUTH_GOOGLE_ID: Google OAuth App ID
• AUTH_GOOGLE_SECRET: Google OAuth App Secret
• AUTH_SECRET: NextAuth Secret,用来加密 session,请设置一个随机字符串

• CLOUDFLARE_API_TOKEN: Cloudflare API Token
• CLOUDFLARE_ACCOUNT_ID: Cloudflare Account ID
• DATABASE_NAME: D1 数据库名称
• DATABASE_ID: D1 数据库 ID (可选, 如果不填, 则会自动通过 Cloudflare API 获取)
• KV_NAMESPACE_NAME: Cloudflare KV namespace 名称,用于存储网站配置
• KV_NAMESPACE_ID: Cloudflare KV namespace ID,用于存储网站配置 (可选, 如果不填, 则会自动通过 Cloudflare API 获取)
• CUSTOM_DOMAIN: 网站自定义域名, 如:moemail.app (可选, 如果不填, 则会使用 Cloudflare Pages 默认域名)
• PROJECT_NAME: Pages 项目名 (可选,如果不填,则为 moemail)

1. 登录 Github Developer 创建一个新的 OAuth App
2. 生成一个新的 Client ID 和 Client Secret
3. 配置参数:
   • Application name: <your-app-name>
   • Homepage URL: https://<your-domain>
   • Authorization callback URL: https://<your-domain>/api/auth/callback/github

1. 访问 Google Cloud Console 创建项目
2. 配置 OAuth 同意屏幕
3. 创建 OAuth 客户端 ID
   • 应用类型:Web 应用
   • 已获授权的 Javascript 来源:https://<your-domain>
   • 已获授权的重定向 URI:https://<your-domain>/api/auth/callback/google
4. 获取 Client ID 和 Client Secret
5. 配置环境变量 AUTH_GOOGLE_ID 和 AUTH_GOOGLE_SECRET

欢迎提交 Pull Request 或者 Issue 来帮助改进这个项目

本项目采用 MIT 许可证

如果你喜欢这个项目,欢迎给它一个 Star ⭐️ 或者进行赞助



Buy Me A Coffee