Kovalsky

Preflight запрос делает браузер автоматически, вам об этом заботиться не нужно.
https://developer.mozilla.org/en-US/docs/Glossary/...

A preflight request is automatically issued by a browser and in normal cases, front-end developers don't need to craft such requests themselves. It appears when request is qualified as "to be preflighted" and omitted for simple requests.

Вы при каждом клике создаёте новый интервал, теряя ссылку на старый. На десятый клик вы чистите девятый интервал, первые восемь остаются работать.

Как раз с длиной всё очевидно. length – количество элементов массива:

[]; // сколько элементов? – 0
['a']; // сколько элементов: 1
['a', 'b', 'c']  // 3

Индексы начинают с нуля, потому, что индекс – это смещение.
Исторически, с низкоуровневых языков программирования.
В памяти под массив выделена некоторая память, начиная с адреса X.
Последовательно находятся ячейки одинаковой длины. Чтобы найти, где лежит значение i-го элемента, к адресу X прибавляют i * size байт. Самый первый элемент начинается сразу с адреса X. Его индекс 0.

Так же и со строкой в JavaScript: к буквам можно обращаться по индексу, как к элементам массива.

"abcd"[1] // "b"
"abcd"[3] // "d"

Представьте, что в начале строки стоит курсор. Курсор возвращает букву перед которой стоит. Индекс – на сколько вправо надо этот курсор подвинуть.

Эта особенность index / length общепринята во многих языках программирования. Так же, как для интервалов часто принято включать начало и исключать конец: [a; b) – например, в методе массива slice(), который вырезает кусок массива, если указать slice(1, 5) — вытащит элементы с индексами 1, 2, 3, 4 – включая 1-й, но не доходя до 5.

firstArr.map(({ text }) => secondArr.push(text));

Собственно достаточно предсказуемая беда с доставкой пакетов через каналы общего пользования с негарантированной доставкой/задержкой.
Типичная ситуация: толпа народа с web-броузингом, астериски и т.п. Юзер болтает по телефону и открывает страничку с кучей фоток -> броузер в кучу потоков начинает тащить картинки. Канал провайдера - не резиновый и в какой-то момент переполняется - пакеты встают в очередь и ждут... Для подгрузки картинок это максимум чуть притормозит отображение фотки котика, для голоса - произойдет заикание.

Методы частичного устранения такой проблемы существуют:
- можно зарезервировать часть полосы под голос
- можно как минимум в рамках до своего шлюза включительно приоретизировать трафик
- использовать отдельный канал/шлюз/сеть для телефонии

Гораздо проблемнее устранять сходные заторы на стороне провайдера. Ну а гарантированные потоки (те же E1) нынче дороги...

Нужно указать порт сервера через process.env.PORT

Если прямо модно и мейнстримно, то NestJS, но он сильно завязан на TypeScript (что несомненно плюс) и декораторах (которые нестандартные, а значит, ИМХО, жирнючий минус)
Помимо вот такого серьезного фреймворка есть микрофреймворки и библиотеки под конкретные задачи:
Например для создания HTTP серверов есть express, он самый популярный, он под капотом у NestJS, но при не очень грамотном построении приложения легко убить производительность (тут совет использовать его роутер с первых дней)
В качестве хороших альтернатив есть Koa и Hapi.
Под websocket обычно все используют socket.io, из плюсов помимо популярности - его протокол реализован на многих языках, как в качестве сервера, так и клиента. В остальном, ИМХО, только минусы.
В качестве альтернативы есть ws-api, но популярность низкая, typescript версия пока под альфой, и все не доходят руки доделать

Тех. поддержка помогла!



Инструкция для интеграции с помощью функции sendCRMLead.
Для отправки заявки с сайта в CRM необходимо вызвать функцию sendCrmLead.
Вы можете самостоятельно интегрировать эту функцию на сайт или обратиться к нам. Для того, чтобы написать или позвонить нам, нажмите на кнопку “Поддержка” в левом нижнем углу кабинета.
Если решите интегрировать самостоятельно или с помощью своего программиста, то вам поможет описание параметров:
name - имя клиента, данные из этого параметра попадают в поле имя в карточке лида;
email - электронная почта клиента, данные из этого параметра попадают в поле email в карточке лида;
phone - телефон клиента, данные из этого параметра попадают в поле телефон в карточке лида. Форматировать телефон не обязательно мы сами приведём его к нужному формату;
comment - примечание, данные из этого параметра попадают в поле примечание в карточке лида;

Описание и пример скрипта

sendCrmLead – Функция отправки заявок в CRM.
name, phone, email, comment – Переменные в которых хранятся данные.
Число 9701 – Это ID Вашей CRM.

При отправке данных в CRM есть 4 системных поля – name, phone, email, comment.
Также есть кастомные поля которые отправляются с помощью параметра –'values_custom': [{input_id: 67912, value: count}], где count – переменная, а число 67912 – id поля в CRM.

Для того, чтобы корректно настроить интеграцию, Вам необходимо объявить переменные, где будут храниться данные с полей. К примеру, это должно выглядеть так:


'inbox_type_id': 340653 – Тип входящего обращения для заявок.
Для назначения ответственным сотрудника, необходимо передавать параметр - 'employee_id'
Для назначения ответственным отдел, необходимо передавать параметр - 'department_id'

Разберём срабатывание скрипта и переменную name. При нажатии на кнопку в форме на сайте [type="submit"] срабатывает событие click и выполняется функция, где по this в этой форме скрипт ищет идентификатор поля [name="name"] и записывает из него данные в переменную name.

Для того чтобы в коде не возникало ошибок прописываем WBK !== 'undefined', это означает, что без кода наших виджетов эта функция не будет выполнена.
Также делаем условие &&, что phone !== '' телефон не может быть пустой строкой, это предотвращает отправку пустых заявок с форм.

При выполнении всех условий без ошибок, будет совершена отправка заявки в CRM.

Все необходимые id полей и других параметров из CRM можно узнать открыв инструмент разработчика в браузере F12 (Google Chrome) и открыв в нём вкладку Network. При сохранении или изменении нужного Вам параметра будет сохранён лог с id в Preview выбранного лога.


Для того чтобы узнать идентификаторы полей и т.д. в Вашей форме на сайте, необходимо инспектировать необходимый Вам элемент, это делается с помощью инструмента разработчика в браузере.
Проинспектируем элемент поля 'name':

Как видно, что идентификатор данного поля это: [name="name"] или [id="name"]
Важно!!! Без кода виджетов из личного кабинета интеграция работать не будет.

Интеграцию CRM с сайтом можно настроить с помощью API, ссылка на документацию: - https://goo.gl/G7FK5u