Введение
TailLog — это инструмент для просмотра и мониторинга журналов в реальном времени.
С помощью одной конфигурации вы можете легко просматривать и отслеживать локальные или удалённые журналы (по аналогии с командой «tail», которая отображает и отслеживает информацию журнала в режиме реального времени).
Также предоставляются функции поиска, выделения и другие вспомогательные функции, которые облегчают быстрое обнаружение аномалий и позволяют вам сосредоточиться на разработке и обслуживании программ.
Дополнительная информация:
Структура проекта и принцип работы
Развёртывание и запуск исходного кода
Среда
Если вы опытный фронтенд-разработчик, то, вероятно, у вас уже есть необходимые и стандартные инструменты разработки, и вы можете пропустить эту часть и перейти к разделу о разработке и отладке.
Однако если вы столкнётесь с проблемами среды, вы можете попытаться найти решение здесь.
Основные инструменты и среды:
- Node.js;
- Python 2;
- Electron.
В процессе разработки или развёртывания есть несколько моментов, на которые следует обратить внимание или которые могут помочь лучше использовать этот проект:
- npm для ускорения (необязательно, рекомендуется):
npm config set registry=https://registry.npm.taobao.org
- Среда Windows:
- Поскольку в Windows нет компилятора C (компилятор Linux можно игнорировать), а этому проекту требуется установить node-sass, который требует компиляции,
вы можете установить скомпилированный файл node-sass (рекомендуется) или обратиться к разделу о компиляции среды ниже.
- Вы можете настроить скомпилированный файл node-sass с помощью следующей команды (рекомендуется), или вы можете обратиться к разделу компиляции ниже, чтобы настроить локальную среду компиляции:
npm config set sass-binary-site=http://npm.taobao.org/mirrors/node-sass
- Среда Mac:
- Если вам нужно скомпилировать и упаковать приложение для Windows на Mac, вам необходимо установить Wine.
- Если при выполнении появляется ошибка, связанная с node-sass, убедитесь, что:
- Настройка sass-binary-сайта в конфигурации верна;
- Если вы не хотите настраивать sass-binary-сайт, убедитесь, что у вас есть соответствующая среда компиляции на вашем компьютере: вы можете рассмотреть возможность использования windows-build-tools или установки VS 2015, но оба они занимают не менее 2 ГБ пространства и очень медленные.
- Или вы можете попробовать использовать
cnpm i (если у вас ещё не установлен cnpm, сначала выполните npm i -g cnpm), эта команда не рекомендуется для выполнения на Mac, тестирование показало, что она может вызвать некоторые неожиданные проблемы.
- Среда Electron:
- Пожалуйста, установите электрон глобально: обычно вы должны напрямую выполнить
npm i -g electron, но из-за проблем с окружающей средой в Китае рекомендуется следующий метод (возьмём Windows в качестве примера):
- Используйте зеркало Taobao для поиска подходящей версии:
- Распакуйте zip-файл и поместите файл electron.exe в каталог в переменной среды PATH:
- Создайте папку electron в корневом каталоге C: и поместите распакованный zip-пакет в эту папку.
- Найдите каталог electron.exe (в этом примере каталог — c:/electron/), добавьте его в переменную среды PATH (для тех, кто не знает, как установить переменные среды, обратитесь к опыту Baidu).
- После настройки вы сможете нормально отобразить окно электрона в любом новом открытом окне командной строки. Если это не так, проверьте, правильно ли настроена предыдущая конфигурация.
- Другие ошибки, пожалуйста, создайте issue или присоединитесь к группе QQ 455735429.
Разработка и отладка
Следующие команды выполняются в корне проекта.
Установка:
Компиляция:
Запуск браузера:
Запуск клиента (Electron):
- Установите
"DEV": true, в package.json.
- Выполните команду в первом окне командной строки:
npm start.
- Выполните команду во втором окне командной строки:
electron . или непосредственно выполните node scripts/main.
Упаковка в клиент
- В package.json установите
"DEV": false,
- Выполнить команду в командной строке:
npm run build.
- Упакуйте:
- Mac:
- Выполните
npm run mac-pack, эта команда создаст соответствующий файл и папку в папке ./app/.
- Первый раз упаковка будет немного медленной, потому что она загрузит соответствующий пакет electron в пользовательский каталог ~/.electron.
- Выполните
npm run mac-dmg (если вы ещё не установили electron-installer-dmg, сначала выполните npm i -g electron-installer-dmg), эта команда создаст файл .dmg в папке ./app/.
- Windows:
- Выполните
npm run win-pack.
- Первый раз упаковка будет немного медленной, потому что она будет загружать соответствующий пакет electron в пользовательский каталог C:\Users\ваше имя.electron.
Mac также может напрямую выполнять
npm run mac-full.
Другие моменты, на которые стоит обратить внимание
- Если вы хотите упаковать Windows на Mac, обратитесь к разделу electron-packager Building Windows apps from non-Windows platforms. Основная задача — установить Wine.
- При выполнении скрипта упаковки, если вы застряли на загрузке, вы можете загрузить нужную версию и соответствующее значение SHASUMS256 из зеркала Taobao electron, поместить их в каталог .electron в пользовательском каталоге (Windows — C:\Users\ваше имя.electron, Mac — ~/.electron), пример для Windows:
- electron-v2.0.2-win32-x64.zip;
- SHASUMS256.txt-2.0.2 (без других расширений, содержимое см. здесь).
Каталог структуры
- app: каталог генерации APP (не существует, если он не был сгенерирован);
- build: путь к каталогу упаковки переднего плана (не существует, если он не был создан);
- config: каталог конфигурации переднего плана;
- node: основной каталог заднего плана;
- public: статические ресурсы;
- scripts: каталог скриптов;
- src: основной каталог переднего плана:
- components: компоненты;
- routers: маршруты, страницы;
- Config: страница конфигурации журнала;
- Login: страница входа;
- Logs: страница сведений о журнале;
- utils: общие методы;
- reducers;
- action;
- index.scss: общий стиль;
- main.js: главный вход заднего плана.
Комментарии ( 0 )