Отправка API WhatsApp с помощью JavaScript

Contents hide

1 Введение

2 Отправка шаблона с помощью WhatsApp API и JavaScript

3 Отправка текстового сообщения с помощью WhatsApp API и JavaScript

4 Отправить изображение

10 Отправить местоположение

11 Список отправки

12 Кнопка отправки

13 Отправить продукцию

Введение

В этом фрагменте кода вы узнаете, как отправить API WhatsApp с помощью JavaScript, чтобы отправить текстовое сообщение, шаблоны WhatsApp, медиа, интерактивные кнопки, списки, продукты … и т.д., Для выполнения следующих кодов требуется учетная запись Alvochat. Создайте аккаунт, если у вас его нет.

Отправка шаблона с помощью WhatsApp API и 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));

Отправка текстового сообщения с помощью WhatsApp API и 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));

Отправить изображение

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));

Отправить аудио

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));

Отправить видео

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));

Отправить документ

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));

Отправить наклейку

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));

Отправить контакт

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));

Отправить местоположение

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));

Список отправки

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));

Кнопка отправки

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));

Отправить продукцию

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));

Приведенные выше коды используют Javascript с помощью fetch, если вы хотите отправить API WhatsApp с помощью Javascript, используя XMLHttpRequest, вы можете посмотреть коды здесь.

Вы можете посмотреть полную документацию Whatsapp API здесь.