W6: API & Integrasi via Cloudflare Workers

Objectives

REST API fundamentals
Integrasi external services (email, WhatsApp, analytics)
Webhook receiver implementation
Backend di edge (Cloudflare Workers)

Pre-work

Materi	Format	Durasi
REST API — request-response pattern	Artikel	15 min
Third-party API — leverage layanan yang sudah ada	Artikel	10 min
Webhook — auto-notify antar sistem	Artikel	10 min
Workers sebagai API layer	Artikel	10 min

Konsep: API Request & Response

API itu seperti pelayan restoran digital:

Browser (tamu) minta sesuatu → “Saya mau data user”
Request terbang ke Workers (pelayan di edge)
Workers proses atau forward ke External API (dapur spesialis)
Response balik ke browser → data ditampilkan

Webhook = kebalikan. External service yang menghubungi kamu duluan. Seperti kurir yang datang tanpa kamu pesan — karena ada event (payment berhasil, message masuk, dll).

Live Session

0-15 min

API routes di Cloudflare Workers

15-35 min

Integrasi 1 external service (email/WA/analytics)

35-55 min

Webhook receiver implementation

55-75 min

Error handling & logging production

75-90 min

CORS handling

Guided Questions

Guided Question

Pikirin 1 integrasi yang bakal berguna buat project kamu (email, WA, payment, analytics). Kenapa yang itu? Apa yang berubah buat user?

Tulis jawabanmu di Obsidian vault.

Guided Question

Webhook vs polling — jelaskan pakai analogi sehari-hari. (Hint: nunggu paket datang)

Tulis jawabanmu di Obsidian vault.

Post-work

Progress0/3

App terhubung external services — backend di edgeSemua API keys di environment variables, BUKAN di codeProduct docs — update: integrasi apa, endpoint mana, secret di mana