Cloudflare 邮箱服务 使用Vue3开发的响应式简约邮箱服务,支持邮件发送附件收发
侧边栏壁纸
博主昵称

Cloudflare 邮箱服务 使用Vue3开发的响应式简约邮箱服务,支持邮件发送附件收发

知网·博客
2025-07-11 / 2 评论 / 9 阅读 / 正在检测是否收录...
温馨提示:
本文最后更新于2025年07月11日,已超过29天没有更新,若内容或图片失效,请留言反馈。

首先你要注册一个域名,如果你要拿来注册一些网站或者游戏比如steam不要用top xyz 这种廉价域名有可能会网站被当临时邮箱拦截

1 绑定域名

注册账号登录到cloudflare 控制台,开始绑定域名(如果你已经绑定好了可以直接跳到第二步)
mcyonott.png

mcyonuwj.png

选择免费的计划
mcyoo04s.png

mcyoo87l.png

设置dns
mcyoodkq.png

不同的厂商的修改dns都差不多,这里以华为云为例
mcyookfg.png

设置完成后可能要等几分钟,期间可以刷新浏览器看有没有完成
mcyop0zh.png

完成后的界面
mcyopgwv.png

这样子账户主页就会显示你的域名了,域名绑定完成
mcyotgdu.png

2 创建worker项目

到项目仓库fork项目代码到你的仓库
mcyouewh.png

mcyouszv.png

这样子仓库就会复制到你那边了
mcyov5gr.png

回到cloudflare控制台,找到workers页面导入你的github仓库代码
mcyovfpa.png

mcyovn9h.png

mcyovvkl.png

设置启动目录
mcyow58v.png

等待构建部署完成
mcyowibo.png

构建完成后的页面
mcyowt35.png

这时候项目就会出现在worker列表了,点击名字进入可以查看和设置
mcyox30j.png

3 设置环境变量

服务还需要设置一些环境变量和绑定数据库才能正常运行
mcyoywan.png

添加以下变量,注意domain是json类型的
mcyozs1o.png

mcyp01bs.png

设置完成自定义域名和环境变量的样子
mcyp0g8y.png

4 绑定数据库

找到左侧菜单存储和数据库,创建kv数据库,数据库名字随意
mcyp0z6p.png

创建d1数据库,数据库名字随意 位置选择离你近的地方
mcyp18ec.png

回到worker设置界面绑定刚刚创建的数据库
d1数据库 变量名为 db
kv数据库 变量名为 kv
mcyp1iza.png

浏览器输入https://你的自定义域名/api/init/你绑定的的jwt_secret 会自动初始化数据库(如果之前部署过只会更新不会覆盖原有数据)
mcyp1wnk.png

浏览器输入你绑定的自定义域名网站已经能打开了,注册登录了
mcyp26p1.png

启用邮件接收

设置完成后才能接收邮件了
回到cloudflare控制台,点击菜单账户主页,再点你的域名
mcyp3732.png

菜单栏会发生变化
mcyp3gcb.png
mcyp3mw8.png

启用电子邮件
mcyp3xvh.png

mcyp43k2.png

启用电子邮件完成后的样子
mcyp4c9f.png

设置转发到worker
mcyp4lxj.png

mcyp4vig.png

设置完成的样子
mcyp53na.png

测试接收邮件
mcyp5b9o.png

6 附件收发

设置完这一步后才能接收附件和发送附件

回到上一级菜单,找到r2对象存储,创建存储桶
mcyp678f.png

桶名字可以随便填 位置选择离你近的地方
mcyp6g0n.png

设置自定义域名
mcyp6pld.png

mcyp6vm1.png

自定义域名添加到项目设置里面,域名前要加https://
mcyp73th.png

回到worker绑定刚才创建的r2存储桶

r2存储桶 变量名为 r2
mcyp7fmc.png

7 邮件发送

使用第三方服务resend发送邮件

浏览器输入resend.com注册
mcyp8l1u.png

添加域名
mcyp8t2j.png

mcyp8z86.png

mcyp93zn.png

mcyp99si.png

等待验证完成
mcyp9l4d.png

验证完成后的样子
mcyp9v8u.png

创建apiKey
mcypa5pg.png

mcypaaey.png

mcypagf6.png

回到项目网站设置
mcypaooh.png

设置邮件状态回调接口
mcypay5q.png

回调接口 https://你的域名/api/webhooks
mcypbg74.png

mcypbl47.png

8 人机验证

设置这一步后可以开启人机验证,防止网站被机器人批量注册

菜单栏找到 turnstile
mcypc0hb.png

mcypc7ls.png

添加你的域名
mcypchh3.png

名字随意
mcypcrg8.png

复制这两个密钥
mcypd2e4.png

回到项目设置页面设置密钥
mcypdaod.png

9 TG和其他邮箱转发

mcypdtm0.png

创建机器人并且获取token
mcype1af.png

给机器人一条发消息
mcypeay1.png

浏览器输入 https://api.telegram.org/bot你的机器TOKEN/getUpdates 获取chat_id
如果获取不到就再给机器人发几条消息
mcypejnm.png

设置token 和 chat_id
mcypeufd.png

转发到其他服务商邮箱
在cloudflare验证邮箱
mcypf8w3.png

设置邮箱
mcypfi6o.png

教程完结,本站可提供搭建服务,不想操作的可以联系我们。

项目更新教程

  1. 仓库代码更新后fork到你的仓库worker会自动重新部署,绑定的数据库 d1 kv r2 会掉,每次更新都要重新绑定 (目前没有更好的办法解决)
  2. 执行 https://你的项目域名/api/init/你的jwt_secret 更新数据库 (只会更新不会覆盖已有数据)

本文共 983 个字数,平均阅读时长 ≈ 3分钟
0

评论 (2)

取消
  1. 头像
    旧爱 中国香港特别行政区
    iOS 16.0.2 / Safari 16

    表情受益匪浅,感谢博主

    回复
  2. 头像
    小橘子 中国香港CloudIE
    Windows 10 x64 Edition / Google Chrome 138

    这篇文章写的真不错,真详细,点个赞

    回复