WhatsApp en Bolt: Secrets de la base, función de servidor y verificación antes del envío

Paso a paso

1. 1

   Conecta una base de datos al proyecto

   En la documentación, la pestaña Secrets exige una base de datos conectada al proyecto. Conecta la base antes de continuar.

2. 2

   Guarda las claves en Secrets

   Haz clic en el icono de la base en el menú superior, abre Secrets y guarda ZAPZAP_API_KEY, ZAPZAP_API_SECRET y ZAPZAP_INSTANCE_ID. El nombre distingue mayúsculas y minúsculas. En una cuenta individual solo el dueño ve los secrets; en una cuenta de equipo, el dueño, los co-dueños y los administradores. Las claves, en Settings > API de app.zapzapapi.com.

3. 3

   Pide la función de servidor

   Prompt: "Crea una función de servidor que reciba number y text, llame a POST /chat/check de ZapZap con numbers: [number], y solo si el número existe llame a POST /send/text. Lee ZAPZAP_API_KEY, ZAPZAP_API_SECRET y ZAPZAP_INSTANCE_ID de los secrets. El frontend solo llama a esta función."

4. 4

   Revisa lo que generó Bolt

   Busca tres errores comunes: clave escrita en el código, llamada hecha desde un componente del frontend y envío sin validar el número. Corrígelos pidiéndoselo a Bolt y compara con el ejemplo de esta página.

5. 5

   Prueba con un número tuyo y mira el estado de la instancia

   Llama a la función con tu teléfono, revisa la respuesta y consulta GET /{instanceId}/instance/status. Si la instancia está desconectada, reconecta por código QR en el panel.

// Server function (Deno edge function): check the number first, then send. Secrets: ZAPZAP_API_KEY, ZAPZAP_API_SECRET, ZAPZAP_INSTANCE_ID
const BASE = "https://api.zapzapapi.com/api/v1/" + Deno.env.get("ZAPZAP_INSTANCE_ID");
const headers = {
  "Content-Type": "application/json",
  "x-api-key": Deno.env.get("ZAPZAP_API_KEY") ?? "",
  "x-api-secret": Deno.env.get("ZAPZAP_API_SECRET") ?? "",
};

Deno.serve(async (req: Request) => {
  const { number, text } = await req.json();
  const check = await fetch(BASE + "/chat/check", { method: "POST", headers, body: JSON.stringify({ numbers: [number] }) });
  if (!check.ok) return new Response("check failed: " + check.status, { status: 502 });
  const found = JSON.stringify(await check.json());
  if (!found.includes(number)) return new Response("number not found", { status: 404 });
  const send = await fetch(BASE + "/send/text", { method: "POST", headers, body: JSON.stringify({ number, text }) });
  return new Response(await send.text(), { status: send.status });
});