Azure
/
azure-iiot-opc-twin-webui
зеркало из https://github.com/Azure/azure-iiot-opc-twin-webui.git
1
0
Форкнуть 0
Код Задачи Пакеты Проекты Релизы Вики Активность
Azure IoT OPC Twin Sample Web UI
70 коммитов 9 Ветки 2 Теги 612 KiB
JavaScript 62.5%
SCSS 36.4%
HTML 0.9%
Dockerfile 0.2%
Перейти к файлу
Erich Barnstedt e811049849
Merge pull request #12 from Azure/dependabot/npm_and_yarn/react-svg-10.0.23 
Bump react-svg from 2.1.22 to 10.0.23
 		2020-09-10 07:53:20 +02:00
.vscode Release 2.0.0 rc8 2019-03-15 16:52:16 +01:00
docs first commit 2018-09-12 11:50:34 +02:00
public add error Info to twin service response (#11) 2019-05-24 10:19:07 +02:00
src add error Info to twin service response (#11) 2019-05-24 10:19:07 +02:00
.dockerignore Add activate option for endpoints 2018-10-05 10:24:29 +02:00
.env Release 2.0.0 rc8 - updates 2019-03-15 17:45:24 +01:00
.gitattributes first commit 2018-09-12 11:50:34 +02:00
.gitignore 1.0.1 rc0 2018-11-19 15:18:14 +01:00
Dockerfile Add docker files 2018-10-02 17:05:35 +02:00
LICENSE Initial commit 2018-07-02 06:26:43 -07:00
README.md Release 2.0.0 rc6 2019-03-11 11:30:26 +01:00
docker-compose.yml 1.0.1 rc2 2018-11-20 17:58:46 +01:00
jsconfig.json first commit 2018-09-12 11:50:34 +02:00
package.json Bump react-svg from 2.1.22 to 10.0.23 2019-11-01 14:13:22 +00:00
version.props Increase version to 2.0.1 2019-03-28 09:49:46 +01:00

README.md

Azure Industrial IoT OPC UA Device Twin Management

A Web Application written in React.js that uses the Azure Industrial IoT OPC UA device services, OPC Registry and OPC Twin.

Getting started

The Sample User Experience and dependent services are part of our suite of Azure IoT Industrial components.

The easiest way to test the Web UI is against the deployed Azure Industrial IoT services. The services can be deployed via the command line.

Setup Dependencies

  1. Install node.js

  2. For development, you can use your preferred editor

  3. Environment variables required to run the Web UI

    In order to run the Web UI, the environment variables need to be created at least once. More information on configuring environment variables here.

    • REACT_APP_PCS_TWIN_REGISTRY_URL refers to the url of the registry service and defaults to http://localhost:9042
    • REACT_APP_PCS_TWIN_SERVICE_URL refers to the url of the twin service and defaults to http://localhost:9041

Build, run and test locally

  • cd ~\azure-iiot-opc-twin-webui\
  • npm install
  • npm start: to compile and run the app

Project Structure

The Web UI contains the following sections under src:

  • assets: Contains assets used across the application. These include fonts, icons, images, etc.
  • components: Contains all the application react components. These in include containers and presentational components.
  • services: Contains the logic for making ajax calls as well as mapping request/response objects to front end models.
  • store: Contains all logic related to the redux store.
  • styles: Contains sass used across the application mixins, theming, variables, etc.
  • utilities: Contains helper scripts used across the application.

Configuration and Environment variables

The Web UI configuration is stored in app.config.js.

The configuration files in the repository reference some environment variables that need to be created at least once.

Contributing to the solution

Please follow our contribution guildelines and the code style conventions.

References

This project was bootstrapped with Create React App.

You can find a guide to using it here.

Core technologies overview