Skip to content

Latest commit

 

History

History
88 lines (52 loc) · 2.2 KB

README.md

File metadata and controls

88 lines (52 loc) · 2.2 KB
Raw

Ontology Search

A React Application to Search Azure Digital Twin Ontologies

Getting Started

Before running the application you will need to populate the environment variables in the .env file.

To run this project in dev mode, run the following command:

npm start

This will start the application in development mode (http://localhost:3000).

Scripts

Inside this directory run using npm or yarn:

start - runs the app in the development mode. Open http://localhost:3000 to view it in the browser.
build - builds the app for production to the ./server/build folder.
eject - exposes content of react-script package

.env file parameters

Before building add a .env file to the UI Directory with the following Parameters

Parameter Description
REACT_APP_ontology_url The url for the ontology server including trailing / e.g. https://digitaltwins-ontologies.azurewebsites.net/
REACT_APP_TITLE The title of the application.

Example:

require('dotenv').config();

REACT_APP_ontology_url=[your-ontology-search-api-url]
REACT_APP_TITLE=Azure Digital Twins Ontology Search

Deployment

Make sure the host of this application is included in the CORS settings for the ontology api server.

Then run the following commands to deploy the application to Azure:

  1. Login to your azure container registry

    docker login yourregistry.azurecr.io

  2. Build the API Container

    Build The React Application First.

    npm run build

    Note: Make sure you have navigated to the ui directory before running this command and that you have populated your .env file as mentioned in the previous section.

    Then Containerize the application

    docker build -f Dockerfile -t yourregistry.azurecr.io/ontology-browser-ui:latest .

  3. Push the image to the container registry

    docker push yourregistry.azurecr.io/ontology-browser-ui:latest

  4. Restart the API App Service in the Azure Portal

  5. To access the Application, navigate to the following URL:

    https://your-ui-application.azurewebsites.net/