A Web Application written in React.js that uses the Azure Industrial IoT OPC UA device services, OPC Registry and OPC Twin.
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.
-
Install node.js
-
For development, you can use your preferred editor
- Visual Studio Code
- Atom
- Sublime Text
- or other preferred editor
-
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_URLrefers to the url of the registry service and defaults to http://localhost:9042REACT_APP_PCS_TWIN_SERVICE_URLrefers to the url of the twin service and defaults to http://localhost:9041
cd ~\azure-iiot-opc-twin-webui\npm installnpm start: to compile and run the app
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.
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.
Please follow our contribution guildelines and the code style conventions.
This project was bootstrapped with Create React App.
You can find a guide to using it here.