OpenMetadata/docs/open-source-community/developer/run-openmetadata-ui-locally.md
2021-12-16 12:39:22 +05:30

55 lines
1.8 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

---
description: This guide will help you to run OpenMetadata UI locally.
---
# Run OpenMetadata UI Locally
### **Pre-requisites**
Before proceeding, ensure that you have installed the node and npm with the versions given below.
```
"node": ">=10.0.0",
"npm": "^6.0.0"
```
****[**Install Node**](https://nodejs.org/en/download/)****\
****[**Install Npm**](https://docs.npmjs.com/downloading-and-installing-node-js-and-npm)****
Using the command below, spin up the server locally from the directory.`openmetadata-dist/target/openmetadata-*-SNAPSHOT`.
```shell
# # Non-secure mode
./bin/openmetadata-server-start.sh conf/openmetadata.yaml
# # Secure mode
./bin/openmetadata-server-start.sh conf/openmetadata-security.yaml
```
> Since typescript is heavily used in the OpenMetadata project, we generate the typescript types and the interface from JSON schema. We use the `QuickType` tool to generate the typescript types and interface. You can view the complete instructions [here](https://docs.open-metadata.org/open-source-community/developer/generate-typescript-types-from-json-schema)
### **Steps to Run OpenMetadata UI**
Once the node and npm is installed in the system, you can go ahead and perform the following steps to run OpenMetadata UI.
**Step 1**: Go to `openmetadata-ui/src/main/resources/ui/` and run the given command to install the required dependencies.\
****
**Note:** Its a one-time task to install dependencies. If there are any changes in the `package.json` file, then again the following steps will have to be performed.
```shell
# changing directory
> cd openmetadata-ui/src/main/resources/ui/
# installing dependencies
> npm install
```
**Step 2**: Start the local server
```shell
# starting a local server
> npm run start
```
**Step 3:** Visit [localhost:3000](http://localhost:3000) to access the OpenMetadata UI.