临时邮箱cf搭建教程

date
Aug 30, 2023
slug
temp_email setup
status
Published
tags
Website
summary
基于dreamhunter2333-cloudflare_temp_email开源
type
Post

临时邮箱cf搭建教程

环境搭建

以下以debian11系统为例，其他的自行参考解决

安装node.js 和 npm apt install nodejs npm -y
node -v # 查看下node.js 版本
这里我还安装了nvm来管理管理node版本
这里我安装 18.16.0，如果选16/20的话后面安装wrangler 会失败.
安装wrangler npm install -g wrangler

Cloudflare D1

git clone 下https://github.com/quanthero/cloudflare_temp_email.git 导入vscode操作：
  1. 先创建D1数据库
之后会弹出验证你的cf账户链接
Opening a link in your default browser: https://dash.cloudflare.com/oauth2/auth?response_type=code&client_id=54d11594-84e4-41aa-b438-e81b8fa78ee7&redirect_uri=http%3A%2F%2Flocalhost%3A8976%2Foauth%2Fcal
复制链接到浏览器打开登录自己cf账号，去自己的worker&pages查看是否D1数据库建好了。
注意下返回的数据库信息：以下是我的返回信息,用aaa隐藏了。

cf worker

接下来搭建cf worker，提前准备好上一步获得的数据库信息。
其中 vars 里面的domain该为自己在cf 托管的任一域名。jmt_secret 随便写；D1 database就是之前返回的数据库信息。
安装没问题后登录cf账号，去cf worker 面板查看和设置
这里需要设置两项东西：1. 自定义域名；2. email triggers
  1. 添加自定义域名，右边有一个add custom domain，点击后设置域名，记录url下来，下一步需要。
  1. email triggers， 回到之前设置的托管在cf的域名，找到email routing，在routes开启catch-all address，Action里面选刚建好的worker域名。 具体图片参考：https://github.com/quanthero/cloudflare_temp_email

前端 cf pages搭建

回到vscode，切换到项目frontend操作。 这里要用pnmp，如果没有自行安装下就好了。
这里唯一要修改的就是VITE_API_BASE， 上一步设置的域名url替换过来。
比如我这边的设置如下：
最后可以自定义下page的域名，如果不想用pages.dev

© suguo210 2022 - 2025