這是使用 Cloudflare Workers 實(shí)施 Gmail 發(fā)送系列的第 2 部分：

• 第 1 部分：設(shè)置 ?
• 第 2 部分：開發(fā)環(huán)境（當(dāng)前）
• 第 3 部分：實(shí)施（即將推出）

介紹

在第 1 部分中設(shè)置 Gmail API 訪問權(quán)限后，我們現(xiàn)在將為 Cloudflare Workers 配置開發(fā)環(huán)境。本指南重點(diǎn)介紹創(chuàng)建一個與 Cloudflare Pages 和 Workers 無縫協(xié)作的強(qiáng)大開發(fā)設(shè)置。

了解 Cloudflare 基礎(chǔ)設(shè)施

Cloudflare 在全球分布式邊緣計算平臺上運(yùn)行。當(dāng)流量增加時，頁面會在這些服務(wù)器之間復(fù)制，并將用戶定向到最近的服務(wù)器。這種無服務(wù)器架構(gòu)無需管理您自己的服務(wù)器、Docker 容器或 Kubernetes 集群。

Cloudflare 工作人員和頁面

工人概覽

Cloudflare Workers 是處理請求的無服務(wù)器函數(shù)。 Cloudflare Pages 處理前端（靜態(tài)內(nèi)容），而 Workers 則管理表單處理和電子郵件發(fā)送等后端操作。

可用的存儲選項

Workers 可以與各種 Cloudflare 存儲解決方案集成：

1. D1:

   • 基于 SQLite 的無服務(wù)器 SQL 數(shù)據(jù)庫
   • 高達(dá)10GB存儲容量
   • 30天時間旅行功能

2. KV（鍵值）:

   • 全球分布式鍵值存儲
   • 針對邊緣閱讀進(jìn)行了優(yōu)化

3. 耐用物體：

   • 一致的狀態(tài)管理
   • 分布式系統(tǒng)的理想選擇

4. R2:

   • S3 兼容的對象存儲
   • 大文件處理能力

5. 超級光驅(qū):

   • PostgreSQL 數(shù)據(jù)庫連接器
   • 優(yōu)化連接池

關(guān)于牧馬人的重要說明

最近牧馬人使用模式的變化需要引起注意。以前，Wrangler 通常是全局安裝的，但推薦的方法已更改：

舊方法（不推薦）：

npm install -g wrangler
wrangler init my-project

新推薦方法：

npm create cloudflare@latest

此更改提供了更好的項目隔離和版本管理。

Cloudflare Worker 中的語言環(huán)境

雖然 Cloudflare Workers 可能看起來與 Node.js 類似，但存在重要差異：

• 原生 Node.js 模塊不可用
• 代碼必須與瀏覽器兼容
• 支持 TypeScript，提供強(qiáng)大的打字優(yōu)勢
• 每個項目安裝 Node.js 僅用于開發(fā)
• 必須使用直接 HTTP 請求而不是 Node.js 庫

了解 Cloudflare 頁面應(yīng)用程序

Cloudflare Pages 應(yīng)用程序與傳統(tǒng) Workers 不同：

• 它們是在 Cloudflare Pages 平臺上運(yùn)行的完全集成的 Web 應(yīng)用程序
• Pages Functions 通過 /functions 目錄擴(kuò)展此功能
• 此集成允許直接在您的頁面應(yīng)用程序中進(jìn)行服務(wù)器端處理（例如電子郵件處理）
• 使用Pages Functions時不需要單獨(dú)部署Worker

開發(fā)環(huán)境設(shè)置

1. 前提條件

• 創(chuàng)建 Cloudflare 帳戶
• 將 GitHub 存儲庫連接到 Pages
• 配置部署設(shè)置

2. 項目結(jié)構(gòu)設(shè)置

創(chuàng)建以下目錄結(jié)構(gòu)：

npm install -g wrangler
wrangler init my-project

初始化為：

npm create cloudflare@latest

3.安裝依賴項

your-project/
├── src/
│   └── pages/
│       └── index.astro
├── functions/
│   ├── contact-form.ts
│   └── tsconfig.json
├── public/
├── astro.config.mjs
├── package.json
└── wrangler.toml

4. 配置 TypeScript

添加到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

下一步

本系列的下一篇文章將介紹實(shí)現(xiàn)細(xì)節(jié)，包括：

• 創(chuàng)建郵件發(fā)送功能
• 處理表單提交
• 錯誤處理和驗(yàn)證
• 測試和部署

請繼續(xù)關(guān)注第 3 部分，我們將把所有內(nèi)容與實(shí)際實(shí)現(xiàn)結(jié)合起來。

以上是使用 Cloudflare Workers 實(shí)施 Gmail 發(fā)送 - 開發(fā)指南的詳細(xì)內(nèi)容。更多信息請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！