Icon

Как проверить и отладить передачу данных в Colcom: пошаговая инструкция

Узнайте, как проверить корректность передачи данных в Colcom, используя раздел History, Details и специальные инструменты для дебага. Пошаговая инструкция для тестирования и настройки кастомных полей.

By Miroslav Peshkov

В этом руководстве мы узнаем, как просматривать и анализировать данные, которые передаются на каждом этапе сценария в разделе History. Это поможет понять, корректно ли настроена передача данных между полями и событиями, а также выявить возможные ошибки при тестировании.

Также рассмотрим, как использовать инструменты для проверки заполнения полей и передачи значений в Colcom.

Давайте начнем

Так, Жень, смотри, что я имею в виду? Ты можешь перейти в сценарий, в раздел History, выбрать нужный ивент и нажать Details.

1
Кликните на "DIAGRAM"
Step #1: Кликните на "DIAGRAM"
2
Кликните на "HISTORY"
Step #2: Кликните на "HISTORY"
3
Кликните на "Dethys"
Step #3: Кликните на "Dethys"

И тут ты увидишь на каждом шаге, что происходило и какие данные ты получал.

4
Кликните на "✓ 1"
Step #4: Кликните на "✓ 1"
5
Кликните здесь
Step #5: Кликните здесь

Там. Ладно, не буду разглагольствовать. Если ты проведешь тест на Boot Camp и заполнишь все поля, у тебя здесь появится так же, как и тут.

6
Перетащите здесь
Step #6: Перетащите здесь
7
Перетащите здесь
Step #7: Перетащите здесь
8
Перетащите "Bootcamp Event"
Step #8: Перетащите "Bootcamp Event"
9
Перетащите здесь
Step #9: Перетащите здесь

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

10
Перетащите здесь
Step #10: Перетащите здесь
11
Кликните на "My 1"
Step #11: Кликните на "My 1"
12
Кликните на "+ Custom Fields Values"
Step #12: Кликните на "+ Custom Fields Values"

Вот. Вот эти штуки, где написано collection, — это то, что ты передаёшь в кастомные поля в комы.

13
Кликните на "+ 22 ✓ection"
Step #13: Кликните на "+ 22 ✓ection"
14
Кликните на "Valhes"
Step #14: Кликните на "Valhes"
15
Кликните на "✓lection"
Step #15: Кликните на "✓lection"
16
Кликните на "+ Values . ( Array )"
Step #16: Кликните на "+ Values . ( Array )"
17
Кликните на "Collection"
Step #17: Кликните на "Collection"
18
Кликните на "+ Value"
Step #18: Кликните на "+ Value"

И так ты сможешь понять, корректно ли ты настроил проброс или нет.

19
Кликните на "х"
Step #19: Кликните на "х"
20
Перетащите здесь
Step #20: Перетащите здесь
21
Перетащите здесь
Step #21: Перетащите здесь
22
Перетащите здесь
Step #22: Перетащите здесь
23
Перетащите здесь
Step #23: Перетащите здесь

Вот.

24
Перетащите здесь
Step #24: Перетащите здесь

А также, например, здесь, в Colcom, ты можешь увидеть все данные, которые передаются из Colcom.

25
Перетащите здесь
Step #25: Перетащите здесь
26
Кликните здесь
Step #26: Кликните здесь
27
Кликните на "Payload"
Step #27: Кликните на "Payload"

Если ты один раз забукаешь звонок, ты увидишь, что, например, в responses, да?

28
Кликните на ":"
Step #28: Кликните на ":"

Вот. Вот ты заходишь сюда и видишь, что там.

29
Кликните на "Workbertr"
Step #29: Кликните на "Workbertr"

Вот. Вот вопрос из нашей формы, и вот ответ.

30
Перетащите ":"
Step #30: Перетащите ":"
31
Перетащите "Cilizenship"
Step #31: Перетащите "Cilizenship"

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

32
Кликните здесь
Step #32: Кликните здесь

По поводу твоего вопроса о четверочке. Вот смотри, есть такая тулза.

33
Кликните на "my 1"
Step #33: Кликните на "my 1"

Что она делает? Она берет и складывает в нормальный, адекватный JSON те поля, которые пользователь заполняет в Colcom.

34
Кликните на "Varia"
Step #34: Кликните на "Varia"

Именно эти значения я использую при передаче в ком. Поэтому ты делаешь тест и смотришь, заполнился ли у тебя ком. Если он не заполнился, ты идешь в History, находишь свой ивент. Затем идешь в Tools, открываешь его и смотришь, какие у тебя в итоге данные тут получились.

35
Кликните здесь
Step #35: Кликните здесь
36
Кликните на "√√1"
Step #36: Кликните на "√√1"
37
Кликните на "Variabkhyalue"
Step #37: Кликните на "Variabkhyalue"
38
Кликните на ":"
Step #38: Кликните на ":"

И можешь это исправить.

39
Кликните здесь
Step #39: Кликните здесь