- Баллы
- 153
Небольшой и легкий JS скрипт для мониторинга Вашего проекта.
Скрипт использует стороннее API для получения данных с сервера.
Особенности мониторинга:
Установка:
Распространение
Распространение данного мониторинга разрешено, но, с указанием авторских прав и ссылки на данную тему
// Авторы: @limito, @Cyber Owl.
Скрипт использует стороннее API для получения данных с сервера.
Предпросмотр функционала/дизайна из коробки.
Особенности мониторинга:
- Легкий в настройке
- Отсутствие нагрузки
- Работает на любом хостинге
- Отличные возможности кастомизации вывода данных, улучшаемый функционал
Установка:
1. Скачать с GitHub ИЛИ самостоятельно извлечь все необходимое с JSFiddle.
2. Распаковать в удобное место на хостинге
3. Проделать следующее:
Добавить в желаемом месте:
Заполнить массив в /js/monitoring.js
Добавить в нужном месте на сайте HTML код
(Внимание: Количество #div должно соответствовать количеству серверов в массиве)
Опционально (Кнопка для обновления показателей):
Для нормального отображения должно присутствовать CSS расширение Font Awesome.
2. Распаковать в удобное место на хостинге
3. Проделать следующее:
Добавить в желаемом месте:
HTML:
<link href="/css/monitoring.css" rel="stylesheet">
<script src="/js/monitoring.js" type="text/javascript"></script>
JavaScript:
...
servers: [{
address: "IP",
port:"PORT", // (опционально)
name: "Наименование сервера #1"
}, {
address: "IP",
port:"PORT", // (опционально)
name: "Наименование сервера #2"
}, {
address: "IP",
port:"PORT", // (опционально)
name: "Наименование сервера #3"
}, {
address: "IP",
port:"PORT", // (опционально)
name: "Наименование сервера #4"
}],
...(Внимание: Количество #div должно соответствовать количеству серверов в массиве)
HTML:
<hr class="monitoring-hr-top">
<div id="server0"></div>
<div id="server1"></div>
<div id="server2"></div>
<div id="server3"></div>
<hr class="monitoring-hr-bottom">
<div id="globalOnline"></div>Для нормального отображения должно присутствовать CSS расширение Font Awesome.
HTML:
<a id="mon-refresh" onclick="refreshBtn()"><i class="fa fa-refresh"></i> Обновить</a>Распространение
Распространение данного мониторинга разрешено, но, с указанием авторских прав и ссылки на данную тему
--- 1.0.0 ---
Публичный релиз
--- 1.0.1 ---
+ Немного изменен дизайн
+ Мониторинг обновляется сам каждую 21 секунду.
+ Добавлена небольшая задержка для обновления.
+ Фикс небольших багов.
--- 1.1.0 ---
+ Изменен дизайн
+ Фикс багов
+ Добавлена функция "Общий онлайн"
--- 1.1.2 ---
+ Добавлена функция "Ссылка на описание сервера"
+ Фикс стилей
--- 1.2.1 ---
+ Изменение рабочего API
+ Немного изменена структура кода
--- 1.3.0 ---
+ Отказ от JQuery
+ Оптимизация
Публичный релиз
--- 1.0.1 ---
+ Немного изменен дизайн
+ Мониторинг обновляется сам каждую 21 секунду.
+ Добавлена небольшая задержка для обновления.
+ Фикс небольших багов.
--- 1.1.0 ---
+ Изменен дизайн
+ Фикс багов
+ Добавлена функция "Общий онлайн"
--- 1.1.2 ---
+ Добавлена функция "Ссылка на описание сервера"
+ Фикс стилей
--- 1.2.1 ---
+ Изменение рабочего API
+ Немного изменена структура кода
--- 1.3.0 ---
+ Отказ от JQuery
+ Оптимизация
// Авторы: @limito, @Cyber Owl.
Последнее редактирование:
)