Dies ist Teil 2 einer Serie zur Implementierung des Gmail-Versands mit Cloudflare Workers:

• Teil 1: Einrichtung ?
• Teil 2: Entwicklungsumgebung (aktuell)
• Teil 3: Implementierung (in Kürze erh?ltlich)

Einführung

Nachdem wir in Teil 1 den Gmail-API-Zugriff eingerichtet haben, konfigurieren wir nun unsere Entwicklungsumgebung für Cloudflare Workers. Dieser Leitfaden konzentriert sich auf die Erstellung eines robusten Entwicklungs-Setups, das nahtlos mit Cloudflare Pages und Workers funktioniert.

Grundlegendes zur Cloudflare-Infrastruktur

Cloudflare arbeitet auf einer weltweit verteilten Edge-Computing-Plattform. Wenn der Datenverkehr zunimmt, werden Seiten auf diesen Servern repliziert und Benutzer werden zum n?chstgelegenen Server weitergeleitet. Diese serverlose Architektur macht die Verwaltung eigener Server, Docker-Container oder Kubernetes-Cluster überflüssig.

Cloudflare-Mitarbeiter und -Seiten

Arbeitnehmerübersicht

Cloudflare Worker sind serverlose Funktionen, die die Anforderungsverarbeitung übernehmen. W?hrend Cloudflare Pages das Frontend (statische Inhalte) verwaltet, verwalten Worker Backend-Vorg?nge wie Formularverarbeitung und E-Mail-Versand.

Verfügbare Speicheroptionen

Mitarbeiter k?nnen verschiedene Cloudflare-Speicherl?sungen integrieren:

1. D1:

   • SQLite-basierte serverlose SQL-Datenbank
   • Bis zu 10 GB Speicherkapazit?t
   • 30-Tage-Zeitreisefunktion

2. KV (Schlüsselwert):

   • Global verteilter Schlüsselwertspeicher
   • Optimiert für Kantenlesung

3. Langlebige Gegenst?nde:

   • Konsequentes Zustandsmanagement
   • Ideal für verteilte Systeme

4. R2:

   • S3-kompatibler Objektspeicher
   • Funktion zur Handhabung gro?er Dateien

5. Hyperantrieb:

   • PostgreSQL-Datenbank-Connector
   • Optimiertes Verbindungspooling

Wichtige Hinweise zu Wrangler

Die jüngsten ?nderungen am Nutzungsverhalten von Wrangler erfordern Aufmerksamkeit. Früher wurde Wrangler normalerweise global installiert, aber der empfohlene Ansatz hat sich ge?ndert:

Alte Methode (nicht empfohlen):

npm install -g wrangler
wrangler init my-project

Neue empfohlene Methode:

npm create cloudflare@latest

Diese ?nderung sorgt für eine bessere Projektisolation und Versionsverwaltung.

Sprachumgebung in Cloudflare Workers

W?hrend Cloudflare Workers m?glicherweise Node.js ?hnelt, gibt es wichtige Unterschiede:

• Native Node.js-Module sind nicht verfügbar
• Code muss browserkompatibel sein
• TypeScript wird unterstützt und bietet starke Vorteile beim Tippen
• Node.js wird pro Projekt nur für die Entwicklung installiert
• Direkte HTTP-Anfragen müssen anstelle von Node.js-Bibliotheken verwendet werden

Grundlegendes zu Cloudflare Pages-Anwendungen

Cloudflare Pages-Anwendungen unterscheiden sich von herk?mmlichen Workern:

• Es handelt sich um vollst?ndig integrierte Webanwendungen, die auf der Cloudflare Pages-Plattform ausgeführt werden
• Pages Functions erweitern diese Funktionalit?t über das /functions-Verzeichnis
• Diese Integration erm?glicht die serverseitige Verarbeitung (wie E-Mail-Verarbeitung) direkt in Ihrer Pages-Anwendung
• Bei Verwendung von Pages-Funktionen ist keine separate Worker-Bereitstellung erforderlich

Einrichtung der Entwicklungsumgebung

1. Voraussetzungen

• Erstellen Sie ein Cloudflare-Konto
• Verbinden Sie Ihr GitHub-Repository mit Pages
• Bereitstellungseinstellungen konfigurieren

2. Einrichtung der Projektstruktur

Erstellen Sie die folgende Verzeichnisstruktur:

npm install -g wrangler
wrangler init my-project

Initialisieren mit:

npm create cloudflare@latest

3. Abh?ngigkeiten installieren

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

4. Konfigurieren Sie TypeScript

Zu ?functions/tsconfig.json“ hinzufügen:

mkdir functions
touch functions/contact-form.ts functions/tsconfig.json wrangler.toml

Projekt tsconfig.json aktualisieren:

npm install --save-dev typescript @cloudflare/workers-types

N?chste Schritte

Im n?chsten Artikel dieser Reihe werden die Implementierungsdetails behandelt, darunter:

• Erstellen der E-Mail-Versandfunktion
• Bearbeitung von Formulareinsendungen
• Fehlerbehandlung und Validierung
• Testen und Bereitstellung

Bleiben Sie gespannt auf Teil 3, in dem wir alles mit der tats?chlichen Umsetzung zusammenführen.

Das obige ist der detaillierte Inhalt vonImplementieren des Gmail-Versands mit Cloudflare Workers – Entwicklungshandbuch. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!