TypeScript · Remix

Verstuur een e-mail vanuit een Remix-route-action met @messagebird/sdk. Je hebt een Bird API-key nodig: maak er een aan in Developers > API keys (Verstuur je eerste e-mail legt de stappen uit) en zet deze in .env als BIRD_API_KEY.

1. Installeren

Codevoorbeeld

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

2. Versturen

Maak app/routes/send.ts aan, een resourceroute waarvan de action alleen op de server draait:

Codevoorbeeld

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 is de gedeelde onboarding-afzender van Bird en delivered@messagebird.dev is een sandbox-ontvanger die altijd aflevert: geen domeinverificatie nodig. De SDK leidt de regio af uit het bk_us1_- / bk_eu1_-voorvoegsel van je key (geen base-URL te configureren) en genereert automatisch een Idempotency-Key per aanroep, zodat herhaalde verzendingen veilig zijn.

3. Uitproberen

Start de devserver en POST naar de route:

Codevoorbeeld

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

Bird accepteert de e-mail met een 202 en levert deze asynchroon af; je route geeft het em_-ID en de status terug:

Codevoorbeeld

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

Volgende stappen

TypeScript e-mail SDK: het volledige e-mailoppervlak (send, get, list) en het foutmodel.
Verstuur je eerste e-mail: een API-key aanmaken en het volledige overzicht van sandbox-adressen.
Verzenddomeinen: verifieer je eigen domein voor productieverzending.
E-mail API-referentie: het volledige request- en responseschema.

Gerelateerde bronnen

Ga verder met de documentatie, gidsen en voorbeelden voor dit onderwerp. De bronnen zijn in het Engels.

Bekijk de gidsGetting started with email Begrijp het conceptShould I use a Bird SDK or call the API directly?Ontdek de mogelijkheidEmail Volg het leerpadBuild your first integration

Probeer de oefening en ontvang een implementatieoverzicht