TypeScript · Remix

Senden Sie eine E-Mail aus einer Remix-Route-Action mit @messagebird/sdk. Sie benötigen einen Bird API-Schlüssel: Erstellen Sie einen unter Developers > API keys (Ihre erste E-Mail senden führt Sie durch den Vorgang) und hinterlegen Sie ihn in .env als BIRD_API_KEY.

1. Installieren

Codebeispiel

npx create-remix@latest my-app && cd my-app
npm install @messagebird/sdk

2. Senden

Erstellen Sie app/routes/send.ts, eine Resource-Route, deren action nur auf dem Server ausgeführt wird:

Codebeispiel

import { BirdClient } from "@messagebird/sdk";

const bird = new BirdClient({ apiKey: process.env.BIRD_API_KEY! });

export async function action() {
  const msg = await bird.email.send({
    from: "onboarding@messagebird.dev",
    to: ["delivered@messagebird.dev"],
    subject: "Hello from Bird",
    html: "<p>My first Bird email.</p>",
  });

  console.log(msg.id, msg.status); // "em_…", "accepted"
  return Response.json({ id: msg.id, status: msg.status });
}

onboarding@messagebird.dev ist der gemeinsame Onboarding-Absender von Bird und delivered@messagebird.dev ist ein Sandbox-Empfänger, der immer zugestellt wird: keine Domain-Verifizierung nötig. Das SDK leitet die Region aus dem bk_us1_- / bk_eu1_-Präfix Ihres Schlüssels ab (keine Base-URL zu konfigurieren) und generiert pro Aufruf automatisch eine Idempotency-Key, sodass wiederholte Sendeversuche sicher sind.

3. Ausprobieren

Starten Sie den Dev-Server und senden Sie einen POST an die Route:

Codebeispiel

npm run dev
curl -X POST http://localhost:5173/send

Bird nimmt die E-Mail mit einem 202 an und stellt sie asynchron zu; Ihre Route gibt die em_-ID und den Status zurück:

Codebeispiel

{
  "id": "em_01ky7ma8y2es1s2akzk53tmjn0",
  "status": "accepted"
}

Nächste Schritte

TypeScript-E-Mail-SDK: die gesamte E-Mail-Oberfläche (send, get, list) und das Fehlermodell.
Ihre erste E-Mail senden: einen API-Schlüssel erstellen und alle Sandbox-Adressen im Überblick.
Sending-Domains: Ihre eigene Domain für den Produktivversand verifizieren.
E-Mail-API-Referenz: das vollständige Request- und Response-Schema.

TypeScript · Remix

1. Installieren

2. Senden

3. Ausprobieren

Nächste Schritte

Verwandte Ressourcen