1. 前言

1.1 項目

GitHub 地址：https://github.com/dreamhunter2333/cloudflare_temp_email

這樣夜夢就可以有無數(shù)個郵箱了~

夜夢的博客：tech.yemengstar.com/?p=6924

1.2 準(zhǔn)備

夜夢這里使用的是雨云的服務(wù)器，九折 + 十元優(yōu)惠券鏈接：https://www.rainyun.com/YeMeng_

更多服務(wù)器推薦請看：https://tech.yemengstar.com/?p=5865

夜夢的域名是在namesilo上面注冊的，提供隱私保護(hù)。優(yōu)惠碼：dreamorrow

2. 環(huán)境

夜夢以 Ubuntu22.04 系統(tǒng)為例進(jìn)行演示。

夜夢這里安裝 nvm 來管理 node 版本

這里我們安裝?node 18.16.0?版本

安裝 wrangler

3.Cloudflare D1

克隆倉庫到本地

創(chuàng)建 D1 數(shù)據(jù)庫

之后會彈出驗證你的 cf 賬戶鏈接

我們點擊鏈接，同意授權(quán)

授權(quán)成功后會自動跳轉(zhuǎn)到 localhost 地址，無需擔(dān)心，我們只要把 localhost 換為服務(wù)器 IP 即可看到提示

創(chuàng)建后會返回數(shù)據(jù)庫信息：

然后我們創(chuàng)建數(shù)據(jù)表

成功后會返回

4. 后端 Cloudflare Worker 搭建

接下來搭建 cf worker，我們先保存好上一步獲得的數(shù)據(jù)庫信息。然后完善以下內(nèi)容：

其中?vars?里面的?domain?可以是你在 cf 托管的任何一個域名。jmt_secret?可以隨便寫。D1 database 就是之前的數(shù)據(jù)庫信息。保存好這些數(shù)據(jù)，之后我們會用到。

然后我們執(zhí)行

修改配置文件

這里需要設(shè)置兩項東西，具體內(nèi)容就是上面我們完善的內(nèi)容：

修完完成后，我們保存退出。

啟動部署

這個可以自行選擇，Y/n 均可。

然后我們前往 cloudflare 的 Workers & Pages 查看具體信息。

D1 數(shù)據(jù)庫

5. 前端 Cloudflare pages 搭建

在開始之前，我們先在 CF 里面完成域名設(shè)置。

這里需要設(shè)置兩項東西：1. 自定義域名；2.email triggers

添加自定義域名，右邊有一個 add custom domain，點擊后設(shè)置你的郵箱域名。

我們這里需要記錄一下 URL，后面會用到。

然后我們設(shè)置 email triggers，回到之前設(shè)置的托管在 cf 的域名。

我們跳過設(shè)置。

添加 DNS 記錄。

在 email routing 的 routes 中開啟 catch-all address，Action 選擇剛剛設(shè)置好的 worker 域名，然后保存。

回到 SSH 終端，我們先安裝pnpm。

安裝依賴：

依賴安裝完畢以后，我們復(fù)制環(huán)境變量

這里我們要修改的是?VITE_API_BASE，就是上一步設(shè)置的域名 url。比如我這邊的設(shè)置如下：

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

保存退出后，我們開始部署

這里會提示輸入項目名稱，需要是小寫字母，否則會報錯

然后等待部署完成即可。

6. 使用

我們訪問上面出現(xiàn)的網(wǎng)址，即可進(jìn)入使用頁面。推薦使用 chrome 瀏覽器。

點擊 Get New Email 即可獲得隨機(jī)郵箱。

然后我們就可以收到郵件了！