📺 完整视频教程包含以下内容:
- 项目介绍与功能演示
- 前端部署到 Cloudflare Pages 的详细步骤
- 后端部署到 Cloudflare Workers 的详细步骤
- 配置 Cloudflare Email 路由
- 设置环境变量与数据库
ZMAIL 由前端和后端两部分组成,需要先部署后端,然后再部署前端:
- 点击"部署后端到 Cloudflare Workers"按钮
- 连接您的GitHub账户并选择导入此仓库
- 设置构建配置:
- 部署命令:
yarn deploy
- 高级设置 -> 根目录:
/worker
- 部署命令:
- 配置D1数据库:
- 创建一个D1数据库 (例如:
mail_db
) - 将其绑定到您的Worker (绑定名称:
DB
)
- 创建一个D1数据库 (例如:
- 配置Email路由:
- 在Cloudflare控制面板中设置Email路由,将邮件转发到您的Worker
- 点击"部署"
- 点击"部署前端到 Cloudflare Pages"按钮
- 连接您的GitHub账户并选择导入此仓库
- 设置构建配置:
- 构建命令:
yarn build
- 构建输出目录:
dist
- 根目录(高级)-> 路径:
frontend
- 构建命令:
- 配置环境变量:
VITE_API_BASE_URL
: 您的Worker API基础URL (例如:https://api.mdzz.uk
)VITE_EMAIL_DOMAIN
: 您的域名列表,使用','分割 (例如:mdzz.uk,zaunist.com
)
- 点击"保存并部署"
# 进入前端目录
cd frontend
# 安装依赖
yarn install
# 启动开发服务器
yarn dev
# 进入worker目录
cd worker
# 安装依赖
yarn install
# 构建预览
yarn build
# 部署到 cloudflare
yarn deploy
欢迎提交Pull Request或Issue来改进这个项目!