BetterJS: решение для мониторинга и отслеживания ошибок клиентских скриптов Goose Factory

представлять

BadJS — это решение для мониторинга и отслеживания ошибок веб-интерфейса. Этот проект - гусиная фабрикаimweb(Группа QQ: 179045421) Проект команды с открытым исходным кодом.

Основные моменты проекта

Универсальное систематическое решение: бизнесу требуется только простая настройка и введение файла отчета для сообщения об ошибках сценария, а также удобно отслеживать ежедневную статистику и электронные письма.
Визуально опрашивайте систему, чтобы быстро найти сообщения об ошибках: количество сценариев веб-приложений огромно, и разработчикам становится сложно найти проблему в таком количестве сценариев. BadJS может найти неправильный код скрипта и дать обратную связь. Быстро находите подробные журналы ошибок с помощью различных условий запроса.
Хитрые проблемы, такие как междоменный, ошибка сценария и т. д., больше не сложны: tryjs поможет вам найти все.
Мониторинг и анализ реального взаимодействия с пользователем. Благодаря мониторингу реального поведения пользователя и данным об опыте в конце браузера вы получаете JavaScript, диагностику ошибок запроса AJAX и анализ глубины загрузки страницы, что помогает разработчикам точно определить каждую деталь проблемы. Даже если нет жалоб пользователей, все равно можно найти скрытые ошибки и взять на себя инициативу по улучшению взаимодействия с пользователем.
Анализ поведения пользователей: детальное отслеживание реальных операций и процессов, связанных с поведением пользователей, сбоев интерфейса, медленной загрузки и ошибок, которые можно сопоставить с сервером для углубленной диагностики.
Гарантия качества продукта: браузеры процветают, пользовательская среда сложна, а огромные различия мешают разработчикам воспроизводить проблемы, с которыми сталкиваются пользователи. Невозможно сообщить обо всех журналах операций пользователя, таких как фон. С помощью BadJS сообщайте об ошибках скриптов на стороне пользователя, чтобы обеспечить качество продукта.

структура системы

внешний интерфейс

badjs-report — инструмент для мониторинга ошибок во внешнем интерфейсе

задняя часть

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

badjs-acceptor — Уровень доступа с использованием многопроцессорности

badjs-mq — концентратор очереди сообщений для распространения на другие системы

badjs-storage — служба хранения, хранилище в mongodb и предоставление услуг для журналов запросов и журналов статистики.

По умолчанию для хранения используется mongodb.

badjs-web — система управления, обеспечивающая управление пользователями, лог-запросы и лог-статистику

badjs-web/db/create.sql инициализирует базу данных

библиотека классов

badjs-openapi-client — библиотека для подключения к клиенту badjs-mq

Обычно он используется для пересылки данных в стороннюю систему после их получения и обработки.

Описание конфигурации (project.json)

Все «project.debug.json» являются локальными конфигурациями отладки, используемыми для различения «среды разработки» и «производственной среды», и параметры могут быть добавлены во время выполнения --debug (вывод журнала отладки) --project (использовать тестовую конфигурацию)

требования к установке

nodejs 0.12+

mysql 5.0+

mongodb 3.0+

Команда git для извлечения отдельных системных модулей

развертывать

Облачное развертывание Tencent

market.cloud.Tencent.com/products/33…

После завершения развертывания инструкции выглядят следующим образом:

адрес:

xx.xx.xx.xx:8081///Адрес доступа к управлению
xx.xx.xx.xx/badjs// адрес сообщения о баджах

mongodb и mysql уже развернуты по умолчанию

mongodb не имеет пароля, порт по умолчанию 27017
mysql root/root , порт по умолчанию 3306

Адрес развертывания по умолчанию:

/data/badjs/badjs-installer

Модули, развернутые Tencent Cloud, не имеют функции уведомления по электронной почте. Полная версия развертывания должна быть включена:

GitHub.com/лучше JS/до…

развертывание докера

badjs-docker

   // 下载images
   docker pull caihuijigood/badjs-docker
   // 启动
   docker run -i -d -p 80:80 -p 8081:8081 docker.io/caihuijigood/badjs-docker bash badjs mysql=mysql://root:root@192.168.1.101:3306/badjs mongodb=mongodb://192.168.1.101:27017/badjs

Где mysql указывает вашу базу данных mysql, mongodburl указывает на ваш mongodb, эти два параметра являются обязательными

Развертывание среды с одним компьютером

Установите необходимую среду, упомянутую ранее
git clone GitHub.com/лучше JS/ поставить…
Перейдите в каталог badjs-installer и запуститеnpm run clone, потяните каждый модуль
бегатьnpm run install, установить зависимости,Этот шаг очень подвержен проблемам, для новых пользователей рекомендуется вводить каждый модуль дляnpm install

установка phantomjs не удалась, проверьте#8

Введите badjs-web/db и импортируйте create.sql в mysql.
бегатьnpm run start, запустить каждый модуль
доступhttp://127.0.0.1:8081/index.html, перейдите на страницу, чтобы подтвердить успешный запуск.

Развертывание многомашинной среды

Скачать стабильные версии отдельных модулей

код load.GitHub.com/better JS/ поставить…
код load.GitHub.com/better JS/ поставить…
код load.GitHub.com/better JS/ поставить…
код load.GitHub.com/better JS/ поставить…

Конфигурация онлайн-среды, пожалуйста, посетите инструкции по настройке на странице каждого модуля:

GitHub.com/лучше JS/ поставить…
GitHub.com/лучше JS/ поставить…
GitHub.com/лучше JS/ поставить…
GitHub.com/лучше JS/ поставить…

Запускайте отдельные модули с навсегда или без хаба

как использовать

существуетhttp://127.0.0.1:8081/index.htmlБудет введение.
После завершения установки используйте супераккаунт admin/admin по умолчанию, чтобы войти
После успешного входа в систему нажмите «Мой бизнес» в правом верхнем углу, чтобы войти в интерфейс управления, нажмите «Применить бизнес».
После успешной подачи заявки нажмите «Управление» -> «Список приложений», чтобы просмотреть и утвердить свой бизнес.
После завершения проверки система отправит бизнес-информацию в badjs-accpeor, badjs-mq.

Чтобы проверить успешность доставки, вы можете ввести badjs-acceptor для просмотра project.db

На данный момент все фоновое развертывание прошло успешно. Затем вы можете использовать файл badjs-report/example/index.html для тестовой проверки и составления отчетов.