Azure IoT PCS Remote Monitoring Web UI
Перейти к файлу
dependabot[bot] 285f01a430
Bump acorn from 5.7.3 to 5.7.4 (#1262)
Bumps [acorn](https://github.com/acornjs/acorn) from 5.7.3 to 5.7.4.
- [Release notes](https://github.com/acornjs/acorn/releases)
- [Commits](https://github.com/acornjs/acorn/compare/5.7.3...5.7.4)

Signed-off-by: dependabot[bot] <support@github.com>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
2020-04-06 09:39:53 -07:00
.github Fix for IE (#701) 2017-10-24 16:40:22 -07:00
.vscode Changed pivot bar color (#1019) 2018-05-31 14:13:26 -07:00
docs/walkthrough Align RM to the new Fluent Design (#1210) 2019-01-30 15:41:58 -08:00
public Miscellaneous bug fixes (#1231) 2019-03-05 14:48:11 -08:00
scripts added fix for running the container (#1241) 2019-04-16 10:18:04 -07:00
src Update github release to 3.0.0 2019-04-15 16:09:32 -07:00
.env Merging the archMigration branch into master (#928) 2018-04-17 13:49:07 -07:00
.eslintrc Add unit test of solution customization 2017-07-10 17:25:44 +08:00
.flowconfig Adding the template react project to start our webui work (#1) 2017-06-22 16:58:29 -07:00
.gitattributes Update git and docker scripts 2017-10-05 00:20:13 -07:00
.gitignore Removing gitignore for nuguet packages (#1054) 2018-08-06 15:51:44 -07:00
CONTRIBUTING.md Update CONTRIBUTING.md with code of conduct (#377) 2017-09-20 11:22:27 -07:00
LICENSE Initial commit 2017-05-01 15:47:58 -07:00
README.md Updating instructions to config environment variables. (#1195) 2018-12-07 12:23:23 -08:00
jsconfig.json Merging the archMigration branch into master (#928) 2018-04-17 13:49:07 -07:00
package-lock.json Bump acorn from 5.7.3 to 5.7.4 (#1262) 2020-04-06 09:39:53 -07:00
package.json Update github release to 3.0.0 2019-04-15 16:09:32 -07:00

README.md

Build Issues Gitter

Azure Remote Monitoring WebUI

Web app for Azure IoT Remote Monitoring Solution dotnet and java.

Prerequisites

1. Deploy a Remote Monitoring Solution

Deploy to Azure

The easiest way to test the Web UI is against a deployed remote monitoring solution. The solution can be deployed via the web interface or via the command line.

It is also possible to deploy the solution locally.

2. 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 following environment variables need to be created at least once. More information on configuring environment variables here.

  • REACT_APP_BASE_SERVICE_URL = {your-remote-monitoring-endpoint}

The endpoint given above is the base url you navigate to in order to see your deployed solution.

The Web UI configuration is stored in app.config.js. You can edit this file to update the endpoints.

Build, run and test locally

  • cd ~\pcs-remote-monitoring-webui\
  • npm install
  • npm start: Launches the project in browser - watches for code changes and refreshes the page.
  • npm run build: Creates a production ready build.
  • npm test: Runs test in watch mode, press q to quit

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.

Contributing to the solution

Please follow our contribution guildelines and the code style conventions.

Customizing the solution

Please see our developer walkthroughs for more information on customizing and adding to the application.

References

This project was bootstrapped with Create React App.

You can find a guide to using it here.

Core technologies overview