使用 Cloudflare Workers 实施 Gmail 发送 - 开发指南

这是使用 Cloudflare Workers 实施 Gmail 发送系列的第 2 部分：

• 第 1 部分：设置 ✅
• 第 2 部分：开发环境（当前）
• 第 3 部分：实施（即将推出）

介绍

在第 1 部分中设置 Gmail API 访问权限后，我们现在将为 Cloudflare Workers 配置开发环境。本指南重点介绍创建一个与 Cloudflare Pages 和 Workers 无缝协作的强大开发设置。

了解 Cloudflare 基础设施

Cloudflare 在全球分布式边缘计算平台上运行。当流量增加时，页面会在这些服务器之间复制，并将用户定向到最近的服务器。这种无服务器架构无需管理您自己的服务器、Docker 容器或 Kubernetes 集群。

Cloudflare 工作人员和页面

工人概览

Cloudflare Workers 是处理请求的无服务器函数。 Cloudflare Pages 处理前端（静态内容），而 Workers 则管理表单处理和电子邮件发送等后端操作。

可用的存储选项

Workers 可以与各种 Cloudflare 存储解决方案集成：

1. D1:

   • 基于 SQLite 的无服务器 SQL 数据库
   • 高达10GB存储容量
   • 30天时间旅行功能

2. KV（键值）:

   • 全球分布式键值存储
   • 针对边缘阅读进行了优化

3. 耐用物体：

   • 一致的状态管理
   • 分布式系统的理想选择

4. R2:

   • S3 兼容的对象存储
   • 大文件处理能力

5. 超级光驱:

   • PostgreSQL 数据库连接器
   • 优化连接池

关于牧马人的重要说明

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

旧方法（不推荐）：

npm install -g wrangler
wrangler init my-project

新推荐方法：

npm create cloudflare@latest

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

Cloudflare Worker 中的语言环境

虽然 Cloudflare Workers 可能看起来与 Node.js 类似，但存在重要差异：

• 原生 Node.js 模块不可用
• 代码必须与浏览器兼容
• 支持 TypeScript，提供强大的打字优势
• 每个项目安装 Node.js 仅用于开发
• 必须使用直接 HTTP 请求而不是 Node.js 库

了解 Cloudflare 页面应用程序

Cloudflare Pages 应用程序与传统 Workers 不同：

• 它们是在 Cloudflare Pages 平台上运行的完全集成的 Web 应用程序
• Pages Functions 通过 /functions 目录扩展此功能
• 此集成允许直接在您的页面应用程序中进行服务器端处理（例如电子邮件处理）
• 使用Pages Functions时不需要单独部署Worker

开发环境设置

1. 前提条件

• 创建 Cloudflare 帐户
• 将 GitHub 存储库连接到 Pages
• 配置部署设置

2. 项目结构设置

创建以下目录结构：

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

下一步

本系列的下一篇文章将介绍实现细节，包括：

• 创建邮件发送功能
• 处理表单提交
• 错误处理和验证
• 测试和部署

请继续关注第 3 部分，我们将把所有内容与实际实现结合起来。

以上是使用 Cloudflare Workers 实施 Gmail 发送 - 开发指南的详细内容。更多信息请关注PHP中文网其他相关文章！