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

只需要一个域名,就可以创建多个不同的邮箱,类似各大邮箱平台 QQ邮箱,谷歌邮箱等,本项目使用Cloud flare部署,Rsend推送邮件,无需服务器费用,搭建属于自己的邮箱服务

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

项目地址

eoao/cloud-mail: cloudflare email 邮箱 临时邮箱 邮件发送 mail

部署教程

1 绑定域名

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

选择免费的计划

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

设置dns

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

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

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

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

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

完成后的界面

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

2 创建worker项目

到项目仓库fork项目代码到你的仓库

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

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

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

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

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

设置启动目录

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

等待构建部署完成

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

构建完成后的页面

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

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

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

3 设置环境变量

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

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

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

变量名类型作用
domain["你的域名"], 示例:["mornglow.top"]JSON网站会使用这个域名作为邮箱域名
admin管理员的邮箱,示例:admin@mornglow.top纯文本该邮箱用户注册后会成为网站管理员
jwt_secret随便输入一串字符串,示例:Z7f!xPq8mV@L2bC$r9X&N1t纯文本登录身份令牌的安全密钥
[开源邮箱] Cloudflare 邮箱服务 使用Vue3开发的响应式简约邮箱服务,支持邮件发送附件收发

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

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

4 绑定数据库

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

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

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

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

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

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

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

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

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

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

5 启用邮件接收

设置完成后才能接收邮件了

回到cloudflare控制台,点击菜单账户主页,再点你的域名

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

菜单栏会发生变化

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

启用电子邮件

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

启用电子邮件完成后的样子

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

设置转发到worker

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

设置完成的样子

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

测试接收邮件

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

6 附件收发

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

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

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

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

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

设置自定义域名

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

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

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

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

r2存储桶 变量名为 r2

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

7 邮件发送

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

浏览器输入resend.com注册

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

添加域名

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

等待验证完成

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

验证完成后的样子

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

创建apiKey

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

回到项目网站设置

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

设置邮件状态回调接口

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

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

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

8 人机验证

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

菜单栏找到 turnstile

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

添加你的域名

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

名字随意

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

复制这两个密钥

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

回到项目设置页面设置密钥

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

9 TG和其他邮箱转发

在TG搜索找到这个人

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

创建机器人并且获取token

给机器人一条发消息

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

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

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

设置token 和 chat_id

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

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

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

设置邮箱

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

教程完结

项目更新教程

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

原创文章,作者:大掌柜,如若转载,请注明出处:https://www.4mf.top/web/6014.html

(0)
大掌柜
上一篇 2025-07-09 上午10:00
下一篇 2025-07-14 下午2:21

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注