Enviar una API de WhatsApp con JavaScript

Contents hide

1 Introducción

2 Envíe la plantilla utilizando la API de WhatsApp y JavaScript

3 Enviar un mensaje de texto utilizando la API de WhatsApp y JavaScript

Introducción

En este fragmento de código, se aprende cómo enviar una API de WhatsApp usando JavaScript, para enviar un mensaje de texto, plantillas de WhatsApp, medios de comunicación, botones interactivos, listas, productos … etc, Alvochat cuenta es necesaria para ejecutar los siguientes códigos. Crea una cuenta si no la tienes.

Envíe la plantilla utilizando la API de WhatsApp y JavaScript

var myHeaders = new Headers();
myHeaders.append("Content-Type", "application/x-www-form-urlencoded");

var urlencoded = new URLSearchParams();
urlencoded.append("token","YourToken");
urlencoded.append("to","16315555555");
urlencoded.append("name","hello_world");
urlencoded.append("language","en_us");
urlencoded.append("header","");
urlencoded.append("body","");
urlencoded.append("buttons","");
urlencoded.append("priority","");


var requestOptions = {
  method: 'POST',
  headers: myHeaders,
  body: urlencoded,
  redirect: 'follow'
};

fetch("https://api.alvochat.com/instance1199/messages/template", requestOptions)
  .then(response => response.text())
  .then(result => console.log(result))
  .catch(error => console.log('error', error));

Enviar un mensaje de texto utilizando la API de WhatsApp y JavaScript

var myHeaders = new Headers();
myHeaders.append("Content-Type", "application/x-www-form-urlencoded");

var urlencoded = new URLSearchParams();
urlencoded.append("token","YourToken");
urlencoded.append("to","16315555555");
urlencoded.append("body","WhatsApp API on alvochat.com works good");
urlencoded.append("priority","");
urlencoded.append("preview_url","");
urlencoded.append("message_id","");


var requestOptions = {
  method: 'POST',
  headers: myHeaders,
  body: urlencoded,
  redirect: 'follow'
};

fetch("https://api.alvochat.com/instance1199/messages/chat", requestOptions)
  .then(response => response.text())
  .then(result => console.log(result))
  .catch(error => console.log('error', error));

Enviar imagen

var myHeaders = new Headers();
myHeaders.append("Content-Type", "application/x-www-form-urlencoded");

var urlencoded = new URLSearchParams();
urlencoded.append("token","YourToken");
urlencoded.append("to","16315555555");
urlencoded.append("image","https://alvochat-example.s3-accelerate.amazonaws.com/image/1.jpeg");
urlencoded.append("caption","image caption");
urlencoded.append("priority","");
urlencoded.append("message_id","");


var requestOptions = {
  method: 'POST',
  headers: myHeaders,
  body: urlencoded,
  redirect: 'follow'
};

fetch("https://api.alvochat.com/instance1199/messages/image", requestOptions)
  .then(response => response.text())
  .then(result => console.log(result))
  .catch(error => console.log('error', error));

Enviar audio

var myHeaders = new Headers();
myHeaders.append("Content-Type", "application/x-www-form-urlencoded");

var urlencoded = new URLSearchParams();
urlencoded.append("token","YourToken");
urlencoded.append("to","16315555555");
urlencoded.append("audio","https://alvochat-example.s3-accelerate.amazonaws.com/audio/1.mp3");
urlencoded.append("priority","");
urlencoded.append("message_id","");


var requestOptions = {
  method: 'POST',
  headers: myHeaders,
  body: urlencoded,
  redirect: 'follow'
};

fetch("https://api.alvochat.com/instance1199/messages/audio", requestOptions)
  .then(response => response.text())
  .then(result => console.log(result))
  .catch(error => console.log('error', error));

Enviar vídeo

var myHeaders = new Headers();
myHeaders.append("Content-Type", "application/x-www-form-urlencoded");

var urlencoded = new URLSearchParams();
urlencoded.append("token","YourToken");
urlencoded.append("to","16315555555");
urlencoded.append("video","https://alvochat-example.s3-accelerate.amazonaws.com/video/1.mp4");
urlencoded.append("caption","video caption");
urlencoded.append("priority","");
urlencoded.append("message_id","");


var requestOptions = {
  method: 'POST',
  headers: myHeaders,
  body: urlencoded,
  redirect: 'follow'
};

fetch("https://api.alvochat.com/instance1199/messages/video", requestOptions)
  .then(response => response.text())
  .then(result => console.log(result))
  .catch(error => console.log('error', error));

Enviar documento

var myHeaders = new Headers();
myHeaders.append("Content-Type", "application/x-www-form-urlencoded");

var urlencoded = new URLSearchParams();
urlencoded.append("token","YourToken");
urlencoded.append("to","16315555555");
urlencoded.append("document","https://alvochat-example.s3-accelerate.amazonaws.com/document/1.pdf");
urlencoded.append("filename","");
urlencoded.append("priority","");
urlencoded.append("message_id","");


var requestOptions = {
  method: 'POST',
  headers: myHeaders,
  body: urlencoded,
  redirect: 'follow'
};

fetch("https://api.alvochat.com/instance1199/messages/document", requestOptions)
  .then(response => response.text())
  .then(result => console.log(result))
  .catch(error => console.log('error', error));

Enviar pegatina

var myHeaders = new Headers();
myHeaders.append("Content-Type", "application/x-www-form-urlencoded");

var urlencoded = new URLSearchParams();
urlencoded.append("token","YourToken");
urlencoded.append("to","16315555555");
urlencoded.append("sticker","https://alvochat-example.s3-accelerate.amazonaws.com/sticker/1.webp");
urlencoded.append("priority","");
urlencoded.append("message_id","");


var requestOptions = {
  method: 'POST',
  headers: myHeaders,
  body: urlencoded,
  redirect: 'follow'
};

fetch("https://api.alvochat.com/instance1199/messages/sticker", requestOptions)
  .then(response => response.text())
  .then(result => console.log(result))
  .catch(error => console.log('error', error));

Enviar contacto

var myHeaders = new Headers();
myHeaders.append("Content-Type", "application/x-www-form-urlencoded");

var urlencoded = new URLSearchParams();
urlencoded.append("token","YourToken");
urlencoded.append("to","16315555555");
urlencoded.append("contact","");
urlencoded.append("priority","");
urlencoded.append("message_id","");


var requestOptions = {
  method: 'POST',
  headers: myHeaders,
  body: urlencoded,
  redirect: 'follow'
};

fetch("https://api.alvochat.com/instance1199/messages/contact", requestOptions)
  .then(response => response.text())
  .then(result => console.log(result))
  .catch(error => console.log('error', error));

Enviar ubicación

var myHeaders = new Headers();
myHeaders.append("Content-Type", "application/x-www-form-urlencoded");

var urlencoded = new URLSearchParams();
urlencoded.append("token","YourToken");
urlencoded.append("to","16315555555");
urlencoded.append("lat","37.484296");
urlencoded.append("lng","-122.148703");
urlencoded.append("address","Menlo Park, California, United States");
urlencoded.append("name","Meta Headquarters");
urlencoded.append("priority","");
urlencoded.append("message_id","");


var requestOptions = {
  method: 'POST',
  headers: myHeaders,
  body: urlencoded,
  redirect: 'follow'
};

fetch("https://api.alvochat.com/instance1199/messages/location", requestOptions)
  .then(response => response.text())
  .then(result => console.log(result))
  .catch(error => console.log('error', error));

Enviar lista

var myHeaders = new Headers();
myHeaders.append("Content-Type", "application/x-www-form-urlencoded");

var urlencoded = new URLSearchParams();
urlencoded.append("token","YourToken");
urlencoded.append("to","16315555555");
urlencoded.append("header","header");
urlencoded.append("body"," please select one of the following options");
urlencoded.append("footer","footer");
urlencoded.append("button","options");
urlencoded.append("sections","option_1,option_2,option_3");
urlencoded.append("priority","");
urlencoded.append("message_id","");


var requestOptions = {
  method: 'POST',
  headers: myHeaders,
  body: urlencoded,
  redirect: 'follow'
};

fetch("https://api.alvochat.com/instance1199/messages/list", requestOptions)
  .then(response => response.text())
  .then(result => console.log(result))
  .catch(error => console.log('error', error));

Botón de envío

var myHeaders = new Headers();
myHeaders.append("Content-Type", "application/x-www-form-urlencoded");

var urlencoded = new URLSearchParams();
urlencoded.append("token","YourToken");
urlencoded.append("to","16315555555");
urlencoded.append("header","header");
urlencoded.append("body"," please select one of the following options");
urlencoded.append("footer","footer");
urlencoded.append("buttons","option_1,option_2,option_3");
urlencoded.append("priority","");
urlencoded.append("message_id","");


var requestOptions = {
  method: 'POST',
  headers: myHeaders,
  body: urlencoded,
  redirect: 'follow'
};

fetch("https://api.alvochat.com/instance1199/messages/button", requestOptions)
  .then(response => response.text())
  .then(result => console.log(result))
  .catch(error => console.log('error', error));

Enviar productos

var myHeaders = new Headers();
myHeaders.append("Content-Type", "application/x-www-form-urlencoded");

var urlencoded = new URLSearchParams();
urlencoded.append("token","YourToken");
urlencoded.append("to","16315555555");
urlencoded.append("header","header");
urlencoded.append("body","Hi , check out our new products");
urlencoded.append("footer","footer");
urlencoded.append("catalog_id","");
urlencoded.append("product","");
urlencoded.append("priority","");
urlencoded.append("message_id","");


var requestOptions = {
  method: 'POST',
  headers: myHeaders,
  body: urlencoded,
  redirect: 'follow'
};

fetch("https://api.alvochat.com/instance1199/messages/product", requestOptions)
  .then(response => response.text())
  .then(result => console.log(result))
  .catch(error => console.log('error', error));

Los códigos anteriores utilizan Javascript usando fetch, si quieres enviar una API de WhatsApp con Javascript usando el XMLHttpRequest, puedes ver los códigos desde aquí.

Puede ver la documentación completa de la API de Whatsapp aquí.