Инструментирование мобильных приложений с помощью плагина Ключ-АСТРОМ Cordova

Материал из Документация Ключ-АСТРОМ

Инструментирование мобильных приложений с помощью плагина Ключ-АСТРОМ Cordova в классическом Мониторинге реального пользователя

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

Плагин Ключ-АСТРОМ для Cordova позволяет инструментировать приложения, созданные на основе Apache Cordova. Это включает приложения, использующие Capacitor, Ionic или IBM Mobile First. Плагин Cordova упрощает мониторинг гибридных приложений с использованием следующих технологий:

  • ЕдиныйАгент для мобильных — это инструмент для мониторинга нативной части вашего приложения.
  • JavaScript RUM — это инструмент, который отслеживает производительность веб-части вашего приложения.

Подробную техническую документацию можно найти на странице плагина Ключ-АСТРОМ Cordova на сайте npm.

Настройка гибридного мониторинга мобильных приложений

  1. В Ключ-АСТРОМ перейдите в раздел Мобильное приложение.
  2. Выберите Создать мобильное приложение.
  3. Введите название для вашего приложения и выберите Создать мобильное приложение. Откроется страница настроек приложения.
  4. В настройках приложения выберите Мастер инструментов и укажите платформу вашего мобильного приложения, например, Cordova.
  5. Введите команду cordova plugin add @astromkey/cordova-plugin --save в корневом каталоге вашего проекта на основе Cordova, чтобы установить плагин Ключ-АСТРОМ Cordova.
  6. Выберите Мониторинг веб-представления, чтобы включить мониторинг веб-представления.
  7. Выберите Скачать astromkey.config.js и добавьте загруженный файл в корневую папку рабочей области вашего приложения Cordova рядом с файлом config.xml.
  8. Создайте свой проект, используя cordova build android или cordova build ios.

При разработке Android- или iOS-приложения плагин Cordova автоматически использует ЕдиныйАгент для мобильных для мониторинга нативной части гибридного приложения. Это обеспечивает прозрачность процессов запуска приложения, действий пользователя, отчетов о сбоях и метаданных устройства, таких как модель и версия ОС. Собранные ЕдинымАгентом для мобильных данные мониторинга инкапсулируются в мобильное приложение в Ключ-АСТРОМ.

Для отслеживания действий пользователей в веб-представлениях Ключ-АСТРОМ использует JavaScript-код RUM, который также применяется во всех веб-приложениях, настроенных для мониторинга Ключ-АСТРОМ без агентов. Плагин Cordova автоматически внедряет JavaScript-код RUM непосредственно в ваши HTML-источники. Собранные с помощью JavaScript-кода RUM данные мониторинга инкапсулируются в веб-приложение в Ключ-АСТРОМ. Это приложение получает все данные мониторинга и генерирует токен API, чтобы плагин Cordova мог получить JavaScript-код RUM из REST API.

Начните мониторинг и анализ своего приложения

Запустите гибридное приложение в эмуляторе или на тестовом устройстве и пройдите по сценариям использования, чтобы сгенерировать трафик, который Ключ-АСТРОМ сможет отслеживать. После завершения закройте приложение, чтобы убедиться, что все данные отправлены в Ключ-АСТРОМ. Обратите внимание, что ЕдиныйАгент для мобильных может кэшировать данные до 2 минут.

  1. В Ключ-АСТРОМ перейдите в раздел Мобильное приложение.
  2. Выберите новое гибридное приложение из списка приложений.

Все данные анализа производительности вашего приложения отображаются на странице обзора гибридного приложения. В разделе Гибридное приложение отображается общая информация о производительности веб-части вашего приложения.

Выберите Просмотреть веб-приложение, чтобы проанализировать данные о производительности, которые Ключ-АСТРОМ собирает с помощью внедренного JavaScript-кода RUM.

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

Данные о производительности распределены по двум представлениям приложения. Однако Ключ-АСТРОМ объединяет все обнаруженные действия пользователя из этих представлений приложения в рамках одного пользователя и одной пользовательской сессии.

  1. Перейдите в раздел Сегментация сессии, чтобы открыть страницу Пользовательские сессии. В поле Фильтровано по введите «Приложение» и выберите свое гибридное мобильное приложение, что позволит вам сосредоточить анализ на вашем недавно созданном приложении.
  2. В столбце Пользователь выберите пользователя по умолчанию, созданного для вашего гибридного приложения. Обратите внимание, что этот пользователь использовал два приложения — мобильное и веб-приложение.
  3. Выберите сессию пользователя. Вы увидите, что все действия пользователя, зафиксированные в мобильной и веб-части вашего гибридного приложения, объединены в одну сессию, вместе с метаданными, которые позволяют Ключ-АСТРОМ показывать, какие действия пользователя были зафиксированы ЕдинымАгентом для мобильных, а какие — JavaScript-кодом RUM.

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

Отсюда вы можете продолжить анализ пользовательского опыта. Вы можете добавить дополнительные фильтры, чтобы сосредоточиться на сессиях, которые хотите изучить более подробно, или же углубиться в анализ действий пользователей в веб- и мобильных сессиях вашего приложения.