Скачать web monitoring - Скачать исходный код web monitoring

web monitoring

Данные веб-сайта

v1.0.0

Скачать

веб-мониторинг

[Список функций]

Позвольте пользователям создавать несколько сайтов мониторинга
Статистика доступа пользователей из разных измерений
Пользовательское время запроса
Различные диаграммы
Поддерживает пользовательскую отчетность (ошибки JS, запросы API, информация о производительности)
Отслеживание пути доступа пользователя
Пользовательский порог (зарегистрированный пользователь)
Автоматическая функция тревоги, отправить напоминание по электронной почте тревоги (зарегистрированный пользователь)

[Техническая поддержка]

Фронт-энд: Angular5+, муравейназайн
Бэкэнд: Nodejs+Express
База данных: mongoose+mongodb
Docker: развертывание Docker Environment One Click

Платформа мониторинга фронтального мониторинга фокусируется на мониторинге данных Web Experience. Три аспекта мониторинга здоровья веб -страницы:

Скорость открытия страницы (измерение скорости)
Стабильность страницы (ошибка JS)
Внешний сервисный вызов успеха (API)

Затем проанализируйте пользовательский опыт из разных широт.

Посетите страницу
Скорость доступа
Запрос API
География
Терминал

См.

http://fex.baidu.com/blog/2014/05/build-performance-monitor-in-7 дней

Мониторинг фронтального интерната Alibaba Cloud

Скорость открытия страницы

Сетевые трудоемкие данные могут быть получены с помощью вышеупомянутого интерфейса времени навигации. Аналогичным образом, время ресурсов может получить много трудоемкую загрузку всех статических ресурсов на странице. Через этот интерфейс вы можете легко получить DNS, TCP, первого байта, HTML-передачи и другие трудоемкие. Интерфейсная диаграмма времени навигации следующая:

Файл-лист

Запрос API

По умолчанию XMLHTTP используется для перехвата пользовательских запросов, и после успешного запроса/неудачи подсчитайте время и сообщите о запросе. Пользователи могут вручную сообщать, используя ** __ Ml.API (API, успех, время, код, MSG) **.

 api:请求接口
 success:上传是否成功( true / false )
 time:耗时( ms )
 code:返回码
 msg:消息( string / object )

Ошибка JS

По умолчанию Window.Onerror используется для прослушивания сценариев ошибок пользователей и автоматически сообщать о них. Некоторые фронтальные фреймворки, используемые пользователями, поймают ошибки JS, а сообщение об ошибке не будет брошено в Window.Onerror. Эта ситуация требует, чтобы пользователь назвал это вручную. Например, в Angular2+, вызовите ** __ мл.error (errorobj) **, где ваша структура глобально улавливает ошибки

  export class MyErrorHandler implements ErrorHandler {
      handleError ( error ) {
        console . error ( error ) ;
        window . __ml && window . __ml . error && window . __ml . error ( error . stack ||     error ) ;
      }
    }
    @ NgModule ( {
      declarations : [ ] ,
      imports : [ ] ,
      providers : [ { provide : ErrorHandler , useClass : MyErrorHandler } ] ,
      bootstrap : [ ]
    } )
    export class AppModule { }

В Vue:

 import Vue from 'vue'
const errorHandler = ( error , vm ) => {
 console . error ( error ) ;
 window . __ml && window . __ml . error && window . __ml . error ( error ) ;
}
Vue . config . errorHandler = errorHandler ;
Vue . prototype . $throw = ( error ) => errorHandler ( error , this ) ;