使用Cloudflare搭建自己的临时/免费/域名邮箱
本文发布于271天前,最后更新于57天前,其中的信息可能有所发展或是发生改变。如有疑问请联系邮箱:admin@yemengstar.com。

1.前言

1.1项目

GitHub地址:dreamhunter2333/cloudflare_temp_email: CloudFlare free temp domain email 免费 临时 域名邮箱

这样夜梦就可以有无数个邮箱了

1.2准备

夜梦这里使用的是雨云的服务器,长期全场景九折 + 首月五折优惠链接:https://www.rainyun.com/

更多服务器推荐请看:服务器推荐 | 部分服务器测评

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 wrangler

3.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.6972070000047097ms

4.后端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.local

You 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即可获得随机邮箱。

然后我们就可以收到邮件了!

自定义访问域名

本文为夜梦星尘原创文章。
文章作者:夜梦星尘
文章链接:使用Cloudflare搭建自己的临时/免费/域名邮箱
版权声明:本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自夜梦星尘
支持作者:夜梦星尘的爱发电
上一篇
下一篇