АННОТАЦИЯ

В данном программном документе приведено руководство системного программиста по установке и настройке WEB-интерфейса для управления устройством «бегущая строка».

Общие сведения о системе

Функциональным назначением системы является интерфейс для администрирования устройств «бегущая строка» Основные функции системы состоят в администрировании и создании сообщений для устройства «бегущая строка», а так-же управление устройствами. Для функционирования системы требуется серверная операционная система и node JS. Все зависимости для работы загружаются при помощи node JS автоматически.

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

Система WEB-интерфейса состоит из комплекса программного обеспечения, необходимого для её выполнения. Для работы необходим запущенный WEB-сервис. При помощи взаимодействия с элементами выполняются HTTP запросы при помощи JSON строк.

Настройка системы

Подготовка системы к работе делится на несколько этапов, выполнение которых будет рассматриваться на примере системы GNU/Linux Debian 9.

1 Установка WEB-интерфейса

Установка пакета NodeJS

Для установки необходимо ввести

curl -sL https://deb.nodesource.com/setup_16.x | sudo bash -
sudo apt install curl

Установка веб сервиса

Для начала необходимо установить git, который позволяет клонировать репозитории с GitHub Для установки необходимо ввести

sudo apt install git

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

git clone https://github.com/Uristrix/admin_panel.git

Установка зависимостей

Перейдите в корень WEB-интерфейса. /admin_panel Затем необходимо ввести команду, при условии установленного NodeJS:

npm install

2 Удалённый доступ к файлам веб-интерфейса

Доступ осуществляется так-же, как и к веб-сервису. Если вы устанавливали веб-сервис, по проделывать нижеперечисленные действия не нужно.

Установите SSH

$ apt-get install openssh-server

Запустите сервис ssh

$ service ssh start

3 Запуск WEB-интерфейса

Перейдите в корень директории WEB-интерфейса и введите команду

npm start

4 Обязательные изменения в текстах программ

1. Откройте в текстовом редакторе файл ./root/admin_panel/.env.

2. Замените в нём:

'REACT_APP_LOGIN' – Замените на логин для входа в панель администратора.

'REACT_APP_PASSWORD' – Замените на пароль для входа в панель администратора.

'REACT_APP_API' – Обязательно замените ip-адрес, по которому осуществляются HTTP запросы.

3. Сохраните изменения

Проверка системы

Для проведения проверки системы рекомендуется иметь в базе данных набор значений. После чего можно перейти по адресу web-интерфейса, доступного по ссылке http://ip:3000. После чего необходимо ввести логин и пароль. После авторизации появится сам интерфейс. В выпадающем списке слева должны отобразится устройства, сохраненные в базе данных. Справа в списках отобразится список сообщений.

Сообщения отображаемые пользователю

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