使用Cloudflare搭建自己的临时/免费/域名邮箱
本文发布于350天前，最后更新于136天前，其中的信息可能有所发展或是发生改变。
1.前言
1.1项目
GitHub地址：dreamhunter2333/cloudflare_temp_email: CloudFlare free temp domain email 免费 临时 域名邮箱
这样夜梦就可以有无数个邮箱了
1.2准备
2.环境
夜梦以Ubuntu22.04系统为例进行演示。
夜梦这里安装nvm来管理node版本
curl https://raw.githubusercontent.com/creationix/nvm/master/install.sh | bash
source ~/.profile
nvm ls-remote这里我们安装node 18.16.0 版本
nvm install 18.16.0
nvm use 18.16.0安装wrangler
npm install -g wrangler3.Cloudflare D1
克隆仓库到本地
cd ~
git clone https://github.com/dreamhunter2333/cloudflare_temp_email.git
cd cloudflare_temp_email创建D1数据库
wrangler d1 create yemeng_email # 随便取个名字来替换yemeng_email之后会弹出验证你的cf账户链接
Opening a link in your default browser: https://dash.cloudflare.com/oauth2/auth?response_type=code&client_id=yemeng666&redirect_uri=yemeng999我们点击链接，同意授权
授权成功后会自动跳转到localhost地址，无需担心，我们只要把localhost换为服务器IP即可看到提示
创建后会返回数据库信息：
--------------------
🚧 D1 is currently in open alpha and is not recommended for production data and traffic
🚧 Please report any bugs to https://github.com/cloudflare/workers-sdk/issues/new/choose
🚧 To request features, visit https://community.cloudflare.com/c/developers/d1
🚧 To give feedback, visit https://discord.gg/cloudflaredev
--------------------
✅ Successfully created DB 'yemeng_email' in region WNAM
Created your database using D1's new storage backend. The new storage backend is not yet recommended for production
workloads, but backs up your data via point-in-time restore.
[[d1_databases]]
binding = "DB" # i.e. available in your Worker on env.DB
database_name = "yemeng_email"
database_id = "yemeng666999"然后我们创建数据表
wrangler d1 execute yemeng_email --file=db/schema.sql # 按照上面的名字来替换yemeng_email成功后会返回
--------------------
🚧 D1 is currently in open alpha and is not recommended for production data and traffic
🚧 Please report any bugs to https://github.com/cloudflare/workers-sdk/issues/new/choose
🚧 To request features, visit https://community.cloudflare.com/c/developers/d1
🚧 To give feedback, visit https://discord.gg/cloudflaredev
--------------------
🌀 Mapping SQL input into an array of statements
🌀 Parsing 4 statements
🌀 Executing on yemeng_email (66666666):
🚣 Executed 4 commands in 0.6972070000047097ms4.后端Cloudflare Worker搭建
接下来搭建cf worker，我们先保存好上一步获得的数据库信息。然后完善以下内容：
[vars]
PREFIX = "tmp"
DOMAIN = "yourCfDomain.com"
JWT_SECRET = "anything"
[[d1_databases]]
binding = "DB"
database_name = "yemeng_email"
database_id = "yemeng666999"其中 vars 里面的domain可以是你在cf托管的任何一个域名。jmt_secret可以随便写。D1 database就是之前的数据库信息。保存好这些数据，之后我们会用到。
然后我们执行
cd ~ && cd cloudflare_temp_email && cd worker
npm install
# copy wrangler.toml.template to wrangler.toml
# and add your d1 config and these config
# PREFIX = "tmp" - the email create will be like tmp<xxxxx>@DOMAIN
# DOMAIN = "xxx.xxx" - you domain name
# JWT_SECRET = "xxx"
# BLACK_LIST = ""
cp wrangler.toml.template wrangler.toml修改配置文件
vim wrangler.toml这里需要设置两项东西，具体内容就是上面我们完善的内容：
[vars]
PREFIX = "tmp"
DOMAIN = "yourCfDomain.com"
JWT_SECRET = "anything"
[[d1_databases]]
binding = "DB"
database_name = "yemeng_email"
database_id = "yemeng666999"修完完成后，我们保存退出。
启动部署
# deploy
wrangler deploy
这个可以自行选择，Y/n均可。
然后我们前往cloudflare的Workers & Pages查看具体信息。
D1数据库
5.前端Cloudflare pages搭建
在开始之前，我们先在CF里面完成域名设置。
这里需要设置两项东西：1.自定义域名；2.email triggers
添加自定义域名，右边有一个add custom domain，点击后设置你的邮箱域名。
我们这里需要记录一下URL，后面会用到。
然后我们设置email triggers，回到之前设置的托管在cf的域名。
我们跳过设置。
添加DNS记录。
在email routing的routes中开启catch-all address，Action选择刚刚设置好的worker域名，然后保存。
回到SSH终端，这里要用pnpm，我们先安装。
npm install pnpm -g安装依赖：
cd ~ && cd cloudflare_temp_email && cd frontend
pnpm install依赖安装完毕以后，我们复制环境变量
# add .env.local and modify VITE_API_BASE to your api url
cp .env.example .env.local这里我们要修改的是VITE_API_BASE，就是上一步设置的域名url。比如我这边的设置如下：
vim .env.localYou should add .env.local and modify VITE_API_BASE to your worker’s url . For example: VITE_API_BASE=https://xxx.xxx.workers.dev – don’t put / in the end
VITE_API_BASE=https://temp-email-api.xxx.xxx
VITE_CF_WEB_ANALY_TOKEN=保存退出后，我们开始部署
pnpm build --emptyOutDir # 在frontend目录
cd ..
wrangler pages deploy dist --branch production这里会提示输入项目名称，需要是小写字母
✔ Enter the name of your new project: … yemengtempemail
✔ Enter the production branch name: … main然后等待部署完成即可。
6.使用
我们访问上面出现的网址，即可进入使用页面。推荐使用chrome浏览器。
点击Get New Email即可获得随机邮箱。
然后我们就可以收到邮件了！
自定义访问域名
腾讯云开发者
