TypeScript · Remix

Envía un correo electrónico desde una acción de ruta de Remix con @messagebird/sdk. Necesitas una clave Bird API: crea una en Developers > API keys (Envía tu primer correo electrónico te guía paso a paso) y luego agrégala en .env como BIRD_API_KEY.

1. Instala

Ejemplo de código

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

2. Envía

Crea app/routes/send.ts, una ruta de recurso cuya action se ejecuta solo en el servidor:

Ejemplo de código

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 es el remitente compartido de incorporación de Bird y delivered@messagebird.dev es un destinatario de sandbox que siempre entrega: no necesitas verificar el dominio. El SDK infiere la región a partir del prefijo bk_us1_ / bk_eu1_ de tu clave (no hay URL base que configurar) y genera automáticamente un Idempotency-Key por llamada, así que los envíos reintentados son seguros.

3. Pruébalo

Ejecuta el servidor de desarrollo y haz POST a la ruta:

Ejemplo de código

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

Bird acepta el correo electrónico con un 202 y lo entrega de forma asíncrona; tu ruta devuelve el ID de em_ y el estado:

Ejemplo de código

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

Próximos pasos

Correo electrónico en TypeScript SDK: la superficie completa de correo electrónico (send, get, list) y el modelo de errores.
Envía tu primer correo electrónico: cómo crear una clave API y el conjunto completo de direcciones de sandbox.
Dominios de envío: verifica tu propio dominio para envío en producción.
Referencia de correo electrónico API: el esquema completo de solicitud y respuesta.

Recursos relacionados

Continúa con la documentación, guías y ejemplos sobre este tema. Los recursos están en inglés.

Ver la guíaGetting started with email Comprender el conceptoShould I use a Bird SDK or call the API directly?Explorar la funcionalidadEmail Seguir la ruta de aprendizajeBuild your first integration

Prueba el ejercicio y obtén un resumen de implementación