Настроить расширение для гугл хром (User JavaScript and CSS) для мониторинга whatsapp web

Задание закрыто
Стоимость:2 500 рублей
Срок выполнения:2 дня
Варианты оплаты:По договоренности
Дата публикации:2023-05-23 16:47
Обновлено:2023-05-23 16:48
Был на сайте:2024-11-28 08:55

Настроить расширение для гугл хром (User JavaScript and CSS) для мониторинга whatsapp web

 
Задача

требуется написать java script в расширении гугл хром User JavaScript and CSS для мониторинга входящих сообщений по Wahstapp Web. Как только поступает новое входящее сообщение должен вызываться веб-хук и отправляться информация: номер телефона клиента, ник-нейм в Whatsapp, текст сообщения

Оставлять заявки могут только авторизованные пользователи.
Вот пример, который можно использовать в расширении:

1. Создайте новую папку для вашего расширения и назовите ее, например, "WhatsApp Web Monitor".

2. В папке расширения создайте новый файл manifest.json и добавьте в него следующий код:

```json
{
"manifest_version": 2,
"name": "WhatsApp Web Monitor",
"version": "1.0",
"content_scripts": [
{
"matches": ["*://web.whatsapp.com/*"],
"js": ["contentScript.js"]
}
],
"permissions": [
"webRequest",
"webRequestBlocking",
"<all_urls>"
]
}
```

3. В папке расширения создайте новый файл contentScript.js и добавьте в него следующий код:

```javascript
// Функция для отправки веб-хука
function sendWebhook(phoneNumber, nickname, messageText) {
// Ваш код для отправки веб-хука с информацией
// о номере телефона, никнейме и тексте сообщения
}

// Функция, вызываемая при получении нового сообщения
function handleMessageReceived(message) {
const phoneNumber = message.id.user;
const nickname = message.sender.pushname;
const messageText = message.content.text;

// Отправить информацию через веб-хук
sendWebhook(phoneNumber, nickname, messageText);
}

// Слушаем событие получения нового сообщения
window.addEventListener('message', (event) => {
if (event.data.type === 'message') {
handleMessageReceived(event.data.message);
}
});
```

4. Сохраните изменения.

5. Откройте Google Chrome и перейдите на страницу chrome://extensions/.

6. Включите режим разработчика, нажав на переключатель в правом верхнем углу страницы.

7. Нажмите на кнопку "Загрузить распакованное расширение" и выберите папку вашего расширения "WhatsApp Web Monitor".

Примечание: Данный код предполагает, что у вас уже настроена интеграция с веб-хуком для отправки информации. Вам необходимо будет заменить комментарии в функции sendWebhook() на код, который выполняет отправку веб-хука с использованием вашей интеграции.

Оставлять заявки могут только авторизованные пользователи.