Введение

Данный репозиторий представляет собой проект для работы с интерфейсом (front-end) платформы IoTKit, которая является частью экосистемы Интернета вещей.

Система включает в себя следующие модули: категории, модели устройств, преобразование сообщений, коммуникационные компоненты (MQTT, мини-динамики, ONET Studio, Modbus RTU и Modbus TCP, виртуальный шлюз, облачные устройства с низким уровнем кода, управление устройствами, правила обработки данных, движок правил, интеграция с внешними платформами, передача данных, визуализация данных, центр оповещения и интеллектуальное домашнее приложение (мини-программа).

Соответствующий бэкенд-проект можно найти по ссылке: https://gitee.com/open-iita/iotkit-parent/tree/V0.4.4/.

Технологический стек

Используемые фреймворки и компоненты включают Vue 2.0, Element UI, CodeMirror и Echarts, а также интегрированный Sa-Token OAuth 2.0 для аутентификации.

Документация http://iotkit-open-source.gitee.io/document/

Конфигурация front-end

По умолчанию не требуется изменений.

.env.development

# Заполнить адрес бэкенда
VUE_APP_API_URL=http://127.0.0.1:8086
# Заполнить путь бэкенда
VUE_APP_API_BASE_PATH=/webapi
# Заполнить адрес центра аутентификации
VUE_APP_AUTH_URL=http://127.0.0.1:8086/oauth2
# Заполнить clientId в таблице oauthClient
VUE_APP_AUTH_CLIENTID=iotkit

Установка

Рекомендуемые условия: npm: 6.14.13, node: v14.17.0

npm install --save

Запуск

npm run serve

Сборка

npm run build

Настройка развёртывания на сервере

Измените файл .env.production, указав IP-адрес внешнего интерфейса сервера вместо 127.0.0.1.

Конфигурация Nginx для проксирования:

server {
    listen       80;
    server_name  localhost;

    location /oauth2/ {
        proxy_pass http://127.0.0.1:8086/oauth2/;
    }

    location /webapi/ {
        proxy_pass http://127.0.0.1:8086/;
    }

    location / {
        root /путь к папке front-end/dist;
        index  index.html index.htm;
        try_files $uri $uri/ /index.html;
    }
}

Скриншоты интерфейса

В запросе представлены скриншоты интерфейса приложения, которые не требуют перевода.