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

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

介紹

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

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

Cloudflare 在全球分散式邊緣運(yùn)算平臺(tái)上運(yùn)作。當(dāng)流量增加時(shí)，頁(yè)面會(huì)在這些伺服器之間複製，並將使用者導(dǎo)向到最近的伺服器。這種無(wú)伺服器架構(gòu)無(wú)需管理您自己的伺服器、Docker 容器或 Kubernetes 叢集。

Cloudflare 工作人員和頁(yè)面

工人概覽

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

可用的儲(chǔ)存選項(xiàng)

Workers 可以與各種 Cloudflare 儲(chǔ)存解決方案整合：

1. D1:

   • 基於 SQLite 的無(wú)伺服器 SQL 資料庫(kù)
   • 高達(dá)10GB儲(chǔ)存容量
   • 30天時(shí)間旅行功能

2. KV（鍵值）:

   • 全球分散式鍵值儲(chǔ)存
   • 針對(duì)邊緣閱讀進(jìn)行了最佳化

3. 耐用物：

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

4. R2:

   • S3 相容的物件儲(chǔ)存
   • 大檔案處理能力

5. 超級(jí)光碟機(jī):

   • PostgreSQL 資料庫(kù)連接器
   • 最佳化連線池

關(guān)於牧馬人的重要說(shuō)明

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

舊方法（不建議）：

npm install -g wrangler
wrangler init my-project

新推薦方法：

npm create cloudflare@latest

此變更提供了更好的專案隔離和版本管理。

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

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

• 原生 Node.js 模組不可用
• 程式碼必須與瀏覽器相容
• 支援 TypeScript，提供強(qiáng)大的打字優(yōu)勢(shì)
• 每個(gè)專案安裝 Node.js 僅用於開發(fā)
• 必須使用直接 HTTP 請(qǐng)求而不是 Node.js 函式庫(kù)

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

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

• 它們是在 Cloudflare Pages 平臺(tái)上運(yùn)行的完全整合的 Web 應(yīng)用程式
• Pages Functions 透過(guò) /functions 目錄擴(kuò)充此功能
• 此整合允許直接在您的頁(yè)面應(yīng)用程式中進(jìn)行伺服器端處理（例如電子郵件處理）
• 使用Pages Functions時(shí)不需要單獨(dú)部署Worker

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

1. 前提條件

• 建立 Cloudflare 帳戶
• 將 GitHub 儲(chǔ)存庫(kù)連接到 Pages
• 配置部署設(shè)定

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

建立以下目錄結(jié)構(gòu)：

npm install -g wrangler
wrangler init my-project

初始化為：

npm create cloudflare@latest

3.安裝依賴項(xiàng)

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í)作細(xì)節(jié)，包括：

• 建立郵件發(fā)送功能
• 處理表單提交
• 錯(cuò)誤處理與驗(yàn)證
• 測(cè)試與部署

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

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