這是使用 Cloudflare Workers 實作 Gmail 發送系列的第 2 部分:
在第 1 部分設定 Gmail API 存取權限後,我們現在將為 Cloudflare Workers 設定開發環境。本指南重點介紹創建一個與 Cloudflare Pages 和 Workers 無縫協作的強大開發設定。
Cloudflare 在全球分散式邊緣運算平台上運作。當流量增加時,頁面會在這些伺服器之間複製,並將使用者導向到最近的伺服器。這種無伺服器架構無需管理您自己的伺服器、Docker 容器或 Kubernetes 叢集。
Cloudflare Workers 是處理請求的無伺服器函數。 Cloudflare Pages 處理前端(靜態內容),而 Workers 則管理表單處理和電子郵件傳送等後端操作。
Workers 可以與各種 Cloudflare 儲存解決方案整合:
D1:
KV(鍵值):
耐用物:
R2:
超級光碟機:
最近牧馬人使用模式的變化需要注意。以前,Wrangler 通常是全域安裝的,但建議的方法已更改:
舊方法(不建議):
npm install -g wrangler wrangler init my-project
新推薦方法:
npm create cloudflare@latest
此變更提供了更好的專案隔離和版本管理。
雖然 Cloudflare Workers 可能看起來與 Node.js 類似,但存在重要差異:
Cloudflare Pages 應用程式與傳統 Workers 不同:
建立以下目錄結構:
npm install -g wrangler wrangler init my-project
初始化為:
npm create cloudflare@latest
your-project/ ├── src/ │ └── pages/ │ └── index.astro ├── functions/ │ ├── contact-form.ts │ └── tsconfig.json ├── public/ ├── astro.config.mjs ├── package.json └── wrangler.toml
加入functions/tsconfig.json:
mkdir functions touch functions/contact-form.ts functions/tsconfig.json wrangler.toml
更新專案 tsconfig.json:
npm install --save-dev typescript @cloudflare/workers-types
本系列的下一篇文章將介紹實作細節,包括:
請繼續關注第 3 部分,我們將把所有內容與實際實作結合。
以上是使用 Cloudflare Workers 實作 Gmail 傳送 - 開髮指南的詳細內容。更多資訊請關注PHP中文網其他相關文章!