TypeScript · Nuxt

Senden Sie eine E-Mail aus einer Nuxt-Server-Route (einem Nitro-Event-Handler) mit @messagebird/sdk. Sie benötigen einen Bird-API-Key: Erstellen Sie einen unter Developers > API keys (Ihre erste E-Mail senden führt Sie durch die Schritte) und hinterlegen Sie ihn in .env als BIRD_API_KEY.

1. Installieren

Codebeispiel

npm create nuxt@latest my-app -- --packageManager npm --no-modules
cd my-app
npm install @messagebird/sdk

2. Senden

Erstellen Sie server/api/send.post.ts. Alles unter server/ läuft ausschließlich auf dem Server:

Codebeispiel

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

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

export default defineEventHandler(async () => {
  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 { 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. Der SDK leitet die Region aus dem bk_us1_-/bk_eu1_-Präfix Ihres Keys ab (keine Base-URL zu konfigurieren) und generiert pro Aufruf automatisch eine Idempotency-Key, sodass wiederholte Sendungen 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:3000/api/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 vollständige E-Mail-Oberfläche (send, get, list) und das Fehlermodell.
Ihre erste E-Mail senden: einen API-Key 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 · Nuxt

1. Installieren

2. Senden

3. Ausprobieren

Nächste Schritte

Verwandte Ressourcen